fix: text example and component

gluestack · Jul 16, 2024 · 590c15e · 590c15e
1 parent f4dd212
commit 590c15e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 40 deletions.
diff --git a/example/storybook-nativewind/src/components/Text/Text.stories.tsx b/example/storybook-nativewind/src/components/Text/Text.stories.tsx
@@ -27,30 +27,37 @@ const TextMeta: ComponentMeta<typeof Text> = {
         '6xl',
       ],
     },
-    fontWeight: {
-      control: 'select',
-      options: [
-        'hairline',
-        'thin',
-        'light',
-        'normal',
-        'medium',
-        'semibold',
-        'bold',
-        'extrabold',
-        'black',
-        'extrablack',
-      ],
+    bold: {
+      control: 'boolean',
+    },
+    italic: {
+      control: 'boolean',
+    },
+    underline: {
+      control: 'boolean',
+    },
+    strikeThrough: {
+      control: 'boolean',
+    },
+    highlight: {
+      control: 'boolean',
+    },
+    sub: {
+      control: 'boolean',
     },
   },
   args: {
     text: 'Hello world',
     size: 'md',
-    fontWeight: 'medium',
+    bold: false,
+    italic: false,
+    underline: false,
+    strikeThrough: false,
+    highlight: false,
+    sub: false,
   },
 };
 
 export default TextMeta;
 
 export { Text };
-// export { TextSizes };
diff --git a/example/storybook-nativewind/src/components/Text/Text.tsx b/example/storybook-nativewind/src/components/Text/Text.tsx
@@ -1,31 +1,9 @@
 import React from 'react';
 import { Text } from '@/components/ui/text';
 
-const TextBasic = ({
-  size = 'md',
-  text = 'Hello world',
-  fontWeight = 'bold',
-  ...props
-}: any) => {
-  const fontWeights = {
-    hairline: 'font-hairline',
-    thin: 'font-thin',
-    light: 'font-light',
-    normal: 'font-normal',
-    medium: 'font-medium',
-    semibold: 'font-semibold',
-    bold: 'font-bold',
-    extrabold: 'font-extrabold',
-    black: 'font-black',
-    extrablack: 'font-extrablack',
-  };
-
+const TextBasic = ({ size = 'md', text = 'Hello world', ...props }: any) => {
   return (
-    <Text
-      size={size}
-      {...props}
-      className={`${fontWeights[fontWeight as keyof typeof fontWeights]}`}
-    >
+    <Text size={size} {...props}>
       {text}
     </Text>
   );