switch to monorepo structure

packages/web/src/components/button.tsx

@@ -0,0 +1,18 @@
+import clsx from "clsx"
+
+function Button({
+	className,
+	...props
+}: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) {
+	return (
+		<button
+			className={clsx(
+				"px-4 font-bold border border-2 border-b-4 border-text-inherit active:bg-stone-700 active:text-stone-200 active:border-b-1 active:translate-y-0.5",
+				className,
+			)}
+			{...props}
+		/>
+	)
+}
+
+export { Button }

packages/web/src/components/link.tsx

@@ -0,0 +1,10 @@
+import clsx from "clsx"
+
+function Link({
+	className,
+	...props
+}: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) {
+	return <a className={clsx("underline active:bg-stone-700 active:text-stone-200", className)} {...props} />
+}
+
+export { Link }