Merge pull request #16 from CAPSTONE-DBFIS/DF-76-shared-text

feat: shared Text UI 제작

Author: sehyun0518

src/app/token/index.ts

@@ -0,0 +1 @@
+export * from './token';

src/shared/ui/Text/Text.tsx

@@ -0,0 +1,21 @@
+import { colors, fontSizes } from "@/app/token";
+import { Box } from "../Box";
+
+type ValidElements = "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+
+interface TextProps {
+    as?: ValidElements;
+    children?: React.ReactNode;
+    fontSize: keyof typeof fontSizes;
+    color: keyof typeof colors;
+    className?: string;
+    style? : unknown;
+}
+
+export const Text = ({as = "span", children, fontSize, color, className, style}: TextProps) => {
+    return (
+        <Box as={as} fontSize={fontSize} color={color} className={`${className} ${style}`}>
+            {children}
+        </Box>
+    );
+}

src/shared/ui/Text/index.ts

@@ -0,0 +1 @@
+export * from './Text';