feat: text 공컴 사용해보기 (#52)

SOPT-all · Jan 15, 2025 · 21b4c06 · 21b4c06
1 parent bacfdaf
commit 21b4c06
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/pages/class/components/BottomComponent/index.tsx b/src/pages/class/components/BottomComponent/index.tsx
@@ -4,6 +4,7 @@ import { TabRoot, TabList, TabButton, TabPanel } from '@/components/Tab';
 import Intro from '../Intro';
 import Level from '../Level';
 import Period from '../Period';
+import Text from '@/components/Text'
 import { TabListStyle, TabPanelStyle } from './index.css';
 
 interface BottomComponentProps {
@@ -19,16 +20,16 @@ const BottomComponent = ({ colorScheme }: BottomComponentProps) => {
         <div className={TabListStyle}>
           <TabList>
             <TabButton isSelected={selectedTab === 0} onClick={() => setSelectedTab(0)} colorScheme={colorScheme}>
-              소개
+              <Text tag="b4">소개</Text>
             </TabButton>
             <TabButton isSelected={selectedTab === 1} onClick={() => setSelectedTab(1)} colorScheme={colorScheme}>
-              난이도
+              <Text tag="b4">난이도</Text>
             </TabButton>
             <TabButton isSelected={selectedTab === 2} onClick={() => setSelectedTab(2)} colorScheme={colorScheme}>
-              기간
+              <Text tag="b4">기간</Text>
             </TabButton>
             <TabButton isSelected={selectedTab === 3} onClick={() => setSelectedTab(3)} colorScheme={colorScheme}>
-              위치
+              <Text tag="b4">위치</Text>
             </TabButton>
           </TabList>
         </div>