feat : button 컴포넌트 일부 제작

Author: seungw0o

apps/web/src/components/button.tsx

@@ -1,11 +1,38 @@
 "use client";
 
+import clsx from "clsx";
+
 interface ButtonProps {
-  children?: string;
+  children: React.ReactNode;
+  size?: "small" | "medium" | "large";
+  backColor?: string;
+  textColor?: string;
+  borderColor?: string;
 }
 
-const Button = ({ children }: ButtonProps) => {
-  return <div>{children}</div>;
+const Button = ({
+  children,
+  size,
+  backColor,
+  textColor,
+  borderColor,
+}: ButtonProps) => {
+  return (
+    <div
+      className={clsx(
+        "flex items-center justify-center rounded-lg cursor-pointer hover:bg-blue-500",
+        {
+          "px-4 py-2 text-b2": size === "small",
+          "px-6 py-3 text-b2": size === "medium",
+          "w-[27rem] h-[3rem] text-b2": size === "large",
+        },
+        { "bg-blue-600 text-white": backColor === "blue" },
+        { "border border-blue-600": borderColor === "blue" },
+      )}
+    >
+      {children}
+    </div>
+  );
 };
 
 export default Button;