build: setup turbo repo

apps/app/ui/Button/index.tsx

@@ -0,0 +1,64 @@
+import React from "react";
+
+type Props = {
+  onClick?: () => void;
+  children: React.ReactNode;
+  type?: "button" | "submit" | "reset";
+  className?: string;
+  theme?: "primary" | "secondary" | "danger";
+  size?: "sm" | "rg" | "md" | "lg";
+  disabled?: boolean;
+};
+
+// commons
+import { classNames } from "constants/common";
+
+const Button = React.forwardRef<HTMLButtonElement, Props>(
+  (
+    {
+      children,
+      onClick,
+      type = "button",
+      size = "rg",
+      className,
+      theme = "primary",
+      disabled = false,
+    },
+    ref
+  ) => {
+    return (
+      <button
+        ref={ref}
+        onClick={onClick}
+        type={type}
+        disabled={disabled}
+        className={classNames(
+          "inline-flex items-center rounded justify-center font-medium",
+          theme === "primary"
+            ? `${
+                disabled ? "bg-indigo-700 hover:bg-indigo-800" : "bg-theme hover:bg-indigo-700"
+              } text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 border border-transparent`
+            : theme === "secondary"
+            ? "border border-gray-300 bg-white"
+            : `${
+                disabled ? "bg-red-700 hover:bg-red-800" : "bg-red-600 hover:bg-red-700"
+              } text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 border border-transparent`,
+          size === "sm"
+            ? "p-2 text-xs"
+            : size === "md"
+            ? "px-3 py-2 text-base"
+            : size === "lg"
+            ? "px-4 py-2 text-base"
+            : "px-2.5 py-2 text-sm",
+          className || ""
+        )}
+      >
+        {children}
+      </button>
+    );
+  }
+);
+
+Button.displayName = "Button";
+
+export default Button;