Initial clean state

packages/web/src/components/Button.tsx

@@ -0,0 +1,18 @@
+import clsx from "clsx"
+import { ButtonHTMLAttributes, PropsWithChildren } from "react"
+
+type Props = ButtonHTMLAttributes<HTMLButtonElement> & PropsWithChildren
+
+const Button = ({ children, className, ...otherProps }: Props) => (
+  <button
+    className={clsx(
+      "btn-shadow bg-primary rounded-md p-2 text-lg font-semibold text-white",
+      className,
+    )}
+    {...otherProps}
+  >
+    <span>{children}</span>
+  </button>
+)
+
+export default Button