🎨 수미코드리뷰 반영

depromeet · Dec 26, 2023 · 4c8fd9f · 4c8fd9f
1 parent 09baba2
commit 4c8fd9f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 28 deletions.
diff --git a/src/components/Badge/Badge.stories.tsx b/src/components/Badge/Badge.stories.tsx
@@ -1,4 +1,3 @@
-import { css } from '@/styled-system/css';
 import type { Meta, StoryObj } from '@storybook/react';
 
 import Badge from './Badge';
@@ -33,44 +32,20 @@ type Story = StoryObj<typeof meta>;
 export const Purple: Story = {
   args: {
     color: 'purple',
-    children: (
-      <span
-        className={css({
-          textStyle: 'body5',
-        })}
-      >
-        badge
-      </span>
-    ),
+    children: 'badge',
   },
 };
 
 export const Gray: Story = {
   args: {
     color: 'gray',
-    children: (
-      <span
-        className={css({
-          textStyle: 'body5',
-        })}
-      >
-        badge
-      </span>
-    ),
+    children: 'badge',
   },
 };
 
 export const Red: Story = {
   args: {
     color: 'red',
-    children: (
-      <span
-        className={css({
-          textStyle: 'body5',
-        })}
-      >
-        badge
-      </span>
-    ),
+    children: 'badge',
   },
 };
diff --git a/src/components/Badge/Badge.tsx b/src/components/Badge/Badge.tsx
@@ -12,6 +12,7 @@ const badgeStyle = cva({
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
+    textStyle: 'body5',
   },
   variants: {
     color: {