feat: divider 컴포넌트 구현

Author: yewonJin

frontend/src/components/commons/divider/HorizontalDivider.tsx

@@ -0,0 +1,11 @@
+import { cn } from "@/lib/utils";
+
+interface HorizontalDividerProps {
+  className?: string;
+}
+
+export default function HorizontalDivider({
+  className,
+}: HorizontalDividerProps) {
+  return <div className={cn("bg-divider h-0.5 rounded-sm", className)}></div>;
+}

frontend/src/components/commons/divider/VerticalDivider.tsx

@@ -0,0 +1,9 @@
+import { cn } from "@/lib/utils";
+
+interface VerticalDividerProps {
+  className?: string;
+}
+
+export default function VerticalDivider({ className }: VerticalDividerProps) {
+  return <div className={cn("bg-divider w-0.5 rounded-sm", className)}></div>;
+}

frontend/tailwind.config.js

@@ -1,10 +1,16 @@
 /** @type {import('tailwindcss').Config} */
+
+import colors from "tailwindcss/colors";
+
 export default {
   content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     fontFamily: {
       pretendard: ["Pretendard"],
     },
+    colors: {
+      divider: colors.neutral["200"],
+    },
     extend: {},
   },
 };