aboutsummaryrefslogtreecommitdiffstats
path: root/components/Box/Box.tsx
diff options
context:
space:
mode:
authorJan Tuomi <jan.tuomi@valuemotive.com>2021-11-04 13:34:02 +0200
committerJan Tuomi <jan.tuomi@valuemotive.com>2021-11-04 13:34:02 +0200
commit462b2fe10cf45da3dbcb5ee20ca6dfb79f46e6b6 (patch)
tree2862938769f5c3e0efd57f5256dbdbb5452cdb4e /components/Box/Box.tsx
Initial commit
Diffstat (limited to 'components/Box/Box.tsx')
-rw-r--r--components/Box/Box.tsx18
1 files changed, 18 insertions, 0 deletions
diff --git a/components/Box/Box.tsx b/components/Box/Box.tsx
new file mode 100644
index 0000000..8e463e5
--- /dev/null
+++ b/components/Box/Box.tsx
@@ -0,0 +1,18 @@
+import Link from "next/link";
+import styles from "./Box.module.css";
+
+export interface Props {
+ href: string;
+ text: string;
+}
+
+const Box = ({ text, href }: Props): JSX.Element => (
+ <Link href={href}>
+ <a className={styles.box}>
+ <span>{text}</span>
+ <span className={styles.arrow}>→</span>
+ </a>
+ </Link>
+);
+
+export default Box;