From bdb8e2488d25b81021e32d80afbe8f202825759a Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Wed, 29 May 2024 20:59:35 +0900
Subject: [PATCH] fix: make direction one variant

---
 packages/react/components/Label.tsx      | 13 ++++---------
 packages/react/stories/Label.stories.tsx |  2 +-
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/packages/react/components/Label.tsx b/packages/react/components/Label.tsx
index b88355f..29984fd 100644
--- a/packages/react/components/Label.tsx
+++ b/packages/react/components/Label.tsx
@@ -4,18 +4,13 @@ import { VariantProps, vcn } from "../shared";
 const [labelVariant, resolveLabelVariantProps] = vcn({
   base: "",
   variants: {
-    vertical: {
-      true: "flex flex-col gap-2 justify-center items-start",
-      false: "",
-    },
-    horizontal: {
-      true: "flex flex-row gap-2 justify-start items-center",
-      false: "",
+    direction: {
+      vertical: "flex flex-col gap-2 justify-center items-start",
+      horizontal: "flex flex-row gap-2 justify-start items-center",
     },
   },
   defaults: {
-    vertical: false,
-    horizontal: false,
+    direction: "vertical",
   },
 });
 
diff --git a/packages/react/stories/Label.stories.tsx b/packages/react/stories/Label.stories.tsx
index d57bc9f..41d3798 100644
--- a/packages/react/stories/Label.stories.tsx
+++ b/packages/react/stories/Label.stories.tsx
@@ -16,7 +16,7 @@ export const WithInput = () => {
 
 export const HorizontalWithInput = () => {
   return (
-    <Label horizontal>
+    <Label direction="horizontal">
       <p>Email</p>
       <Input type="text" />
     </Label>