"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[5547],{"./src/components/Badge/TextBadge/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextBadge1:function(){return TextBadge1},TextBadge2:function(){return TextBadge2},TextBadge3:function(){return TextBadge3},TextBadge4:function(){return TextBadge4},TextBadgeNewLong:function(){return TextBadgeNewLong},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Badge/TextBadge/index.tsx"),_core__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/core/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Component/Badge/TextBadge",tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Badge-4371e89366d34f3dbda27d9dfc42b345?pvs=4" target="_blank">노션페이지</a>\n<br/>\n새로운 업데이트 및 알림에 대한 정보를 제공할 때 사용합니다.\n뱃지는 필요한 모든 곳에 배치할 수 있으며 주로 텍스트, 아이콘의 오른쪽 옆 또는 상단에 배치합니다.'}}}};const TextBadge2={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.I,{...props,badge:{type:"dot"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_core__WEBPACK_IMPORTED_MODULE_2__.Rn,{children:"안녕하세요"})}),storyName:"Text + Dot Badge"},TextBadge1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.I,{...props,badge:{type:"new-short"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_core__WEBPACK_IMPORTED_MODULE_2__.Rn,{children:"안녕하세요"})}),storyName:"Text + New(Short) Badge"},TextBadgeNewLong={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.I,{...props,badge:{type:"new-long"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_core__WEBPACK_IMPORTED_MODULE_2__.Rn,{children:"안녕하세요"})})};TextBadge1.storyName="Text + New(Long) Badge";const TextBadge3={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.I,{...props,badge:{type:"number",value:8},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_core__WEBPACK_IMPORTED_MODULE_2__.Rn,{children:"안녕하세요"})}),storyName:"Text + Number Badge (9 이하)"},TextBadge4={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.I,{...props,badge:{type:"number",value:10},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_core__WEBPACK_IMPORTED_MODULE_2__.Rn,{children:"안녕하세요"})}),storyName:"Text + Number Badge (9 초과)"};TextBadge2.parameters={...TextBadge2.parameters,docs:{...TextBadge2.parameters?.docs,source:{originalSource:"{\n  render: props => <TextBadge {...props} badge={{\n    type: 'dot'\n  }}>\n            <Title2>{TEST_TEXT}</Title2>\n        </TextBadge>\n}",...TextBadge2.parameters?.docs?.source}}},TextBadge1.parameters={...TextBadge1.parameters,docs:{...TextBadge1.parameters?.docs,source:{originalSource:"{\n  render: props => <TextBadge {...props} badge={{\n    type: 'new-short'\n  }}>\n            <Title2>{TEST_TEXT}</Title2>\n        </TextBadge>\n}",...TextBadge1.parameters?.docs?.source}}},TextBadgeNewLong.parameters={...TextBadgeNewLong.parameters,docs:{...TextBadgeNewLong.parameters?.docs,source:{originalSource:"{\n  render: props => <TextBadge {...props} badge={{\n    type: 'new-long'\n  }}>\n            <Title2>{TEST_TEXT}</Title2>\n        </TextBadge>\n}",...TextBadgeNewLong.parameters?.docs?.source}}},TextBadge3.parameters={...TextBadge3.parameters,docs:{...TextBadge3.parameters?.docs,source:{originalSource:"{\n  render: props => <TextBadge {...props} badge={{\n    type: 'number',\n    value: 8\n  }}>\n            <Title2>{TEST_TEXT}</Title2>\n        </TextBadge>\n}",...TextBadge3.parameters?.docs?.source}}},TextBadge4.parameters={...TextBadge4.parameters,docs:{...TextBadge4.parameters?.docs,source:{originalSource:"{\n  render: props => <TextBadge {...props} badge={{\n    type: 'number',\n    value: 10\n  }}>\n            <Title2>{TEST_TEXT}</Title2>\n        </TextBadge>\n}",...TextBadge4.parameters?.docs?.source}}};const __namedExportsOrder=["TextBadge2","TextBadge1","TextBadgeNewLong","TextBadge3","TextBadge4"]}}]);