feat: add Header and Button

1 files changed, 23 insertions, 0 deletions

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
new file mode 100644
index 0000000..55ceda6
--- /dev/null
+++ b/src/components/Button.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+interface Props {
+  variant?: 'contained' | 'outlined'
+  children: string;
+}
+
+
+const styles = {
+  contained: "bg-black text-white",
+  outlined: "border-2 border-black"
+};
+
+const Button: React.FC<Props> = ({ children, variant = 'contained' }) => {
+
+  return (
+    <button className={`p-4 m-3 font-bold tracking-wide hover:underline focus:outline-none ${styles[variant]}`}>
+      {children}
+    </button>
+  );
+};
+
+export default Button;