From 32c3ceed96aadbcd8c943b82fd682aa85ff92912 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=B5=9C=EC=98=81=EC=95=A0?= <choiaeyoung1001@gmail.com>
Date: Wed, 19 Mar 2025 12:29:55 +0900
Subject: [PATCH] =?UTF-8?q?design:=20label=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Label/Label.tsx | 33 +++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 src/components/common/Label/Label.tsx

diff --git a/src/components/common/Label/Label.tsx b/src/components/common/Label/Label.tsx
new file mode 100644
index 0000000..360fc75
--- /dev/null
+++ b/src/components/common/Label/Label.tsx
@@ -0,0 +1,33 @@
+import * as React from 'react'
+import { cn } from '@/lib/utils'
+import { cva, VariantProps } from 'class-variance-authority'
+import * as LabelPrimitive from '@radix-ui/react-label'
+
+const LabelVariants = cva('', {
+  variants: {
+    variant: {
+      caption1: 'typo-caption1',
+      button1: 'typo-button1',
+      button2: 'typo-button2',
+    },
+  },
+  defaultVariants: {
+    variant: 'caption1',
+  },
+})
+
+interface LabelProps
+  extends React.LabelHTMLAttributes<HTMLLabelElement>,
+    VariantProps<typeof LabelVariants> {}
+
+function Label({ className, variant, ...props }: LabelProps) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(className, LabelVariants({ variant: variant ?? null }))}
+      {...props}
+    />
+  )
+}
+
+export { Label }