feat: add tw variants

src/components/ui/Button.tsx

@@ -0,0 +1,22 @@
+import { FunctionComponent } from "preact";
+import { tv } from "tailwind-variants";
+import classes from "./Button.module.scss";
+const button = tv({
+  base: classes.button,
+  variants: {
+    color: {
+      primary: "bg-blue-400",
+      secondary: "bg-red-400",
+    },
+  },
+});
+
+const Button: FunctionComponent<{ onClick: () => void }> = (props) => {
+  return (
+    <button type="button" class={button({ color: "primary" })} onClick={props.onClick}>
+      {props.children}
+    </button>
+  );
+};
+
+export default Button;