"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[6175],{"./src/core/Typography/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Typography:function(){return Typography},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var _Headline1__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/core/Typography/Headline1.tsx"),_Headline2__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/Typography/Headline2.tsx"),_Headline3__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/core/Typography/Headline3.tsx"),_Headline4__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/core/Typography/Headline4.tsx"),_Headline5__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/core/Typography/Headline5.tsx"),_Headline6__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/core/Typography/Headline6.tsx"),_Title1__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/core/Typography/Title1.tsx"),_Title2__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/core/Typography/Title2.tsx"),_Title3__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/core/Typography/Title3.tsx"),_Title4__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/core/Typography/Title4.tsx"),_Body1__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/core/Typography/Body1.tsx"),_Body2__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/core/Typography/Body2.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js");const CONTENT="보통 사람을 위한\n보통이 아닌 금융\nExtraordinary\nFinance for the\nOrdinary",Component=({children:children})=>{const data=[{tag:"H1",content:CONTENT,Typo:_Headline1__WEBPACK_IMPORTED_MODULE_1__.i},{tag:"H2",content:CONTENT,Typo:_Headline2__WEBPACK_IMPORTED_MODULE_2__.x},{tag:"H3",content:CONTENT,Typo:_Headline3__WEBPACK_IMPORTED_MODULE_3__.a},{tag:"H4",content:CONTENT,Typo:_Headline4__WEBPACK_IMPORTED_MODULE_4__.O},{tag:"H5",content:CONTENT,Typo:_Headline5__WEBPACK_IMPORTED_MODULE_5__.B},{tag:"H6",content:CONTENT,Typo:_Headline6__WEBPACK_IMPORTED_MODULE_6__.u},{tag:"T1",content:CONTENT,Typo:_Title1__WEBPACK_IMPORTED_MODULE_7__.w},{tag:"T2",content:CONTENT,Typo:_Title2__WEBPACK_IMPORTED_MODULE_8__.R},{tag:"T3",content:CONTENT,Typo:_Title3__WEBPACK_IMPORTED_MODULE_9__.y},{tag:"T4",content:CONTENT,Typo:_Title4__WEBPACK_IMPORTED_MODULE_10__.G},{tag:"B1",content:CONTENT,Typo:_Body1__WEBPACK_IMPORTED_MODULE_11__.m},{tag:"B2",content:CONTENT,Typo:_Body2__WEBPACK_IMPORTED_MODULE_12__.p}];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("table",{style:{borderCollapse:"collapse"},children:data.map((({tag:tag,content:content,Typo:Typo})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsxs)("tr",{style:{border:"1px solid black"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("td",{style:{border:"1px solid black",textAlign:"center",width:200},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(Typo,{children:tag})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)("td",{style:{border:"1px solid black",textAlign:"center",width:400,padding:"15px 0"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(Typo,{children:children||content})})]},tag)))})};Component.displayName="Component";__webpack_exports__.default={title:"Foundation/Typography",tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Typography-b6759a3047424987887edd456444a721?pvs=4" target="_blank">노션페이지</a>\n<br/>\n타이포그래피를 사용하여 콘텐츠를 최대한 명확하고 효율적으로 표현합니다.<br/>폰트의 크기, 굵기 및 컬러를 활용하여 시각적인 효과를 통해 안정적이고 읽기 쉬운 콘텐츠를 만들어 최적의 가독성을 제공합니다.'}}}};const Typography={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__.jsx)(Component,{...props}),args:{children:""}};Typography.parameters={...Typography.parameters,docs:{...Typography.parameters?.docs,source:{originalSource:"{\n  render: props => <Component {...props} />,\n  args: {\n    children: ''\n  }\n}",...Typography.parameters?.docs?.source}}};const __namedExportsOrder=["Typography"];try{__object.displayName="__object",__object.__docgenInfo={description:'updated 230523\n\n<a href="https://www.notion.so/Typography-b6759a3047424987887edd456444a721?pvs=4" target="_blank">노션페이지</a>\n<br/>\n타이포그래피를 사용하여 콘텐츠를 최대한 명확하고 효율적으로 표현합니다.<br/>폰트의 크기, 굵기 및 컬러를 활용하여 시각적인 효과를 통해 안정적이고 읽기 쉬운 콘텐츠를 만들어 최적의 가독성을 제공합니다.',displayName:"__object",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/core/Typography/index.stories.tsx#__object"]={docgenInfo:__object.__docgenInfo,name:"__object",path:"src/core/Typography/index.stories.tsx#__object"})}catch(__react_docgen_typescript_loader_error){}}}]);