"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[7069],{"./src/components/Badge/IconBadge/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{IconBadge1:function(){return IconBadge1},IconBadge2:function(){return IconBadge2},IconBadge3:function(){return IconBadge3},IconBadge4:function(){return IconBadge4},IconBadgeNewLong:function(){return IconBadgeNewLong},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Badge/IconBadge/index.tsx"),_Icon__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Icon/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");__webpack_exports__.default={title:"Component/Badge/IconBadge",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 CommonIcon=_Icon__WEBPACK_IMPORTED_MODULE_2__.F$,IconBadge2={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.G,{...props,badge:{type:"dot"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(CommonIcon,{})}),storyName:"Icon + Dot Badge"},IconBadge1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.G,{...props,badge:{type:"new-short"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(CommonIcon,{})}),storyName:"Icon + New(Short) Badge"},IconBadgeNewLong={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.G,{...props,badge:{type:"new-long"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(CommonIcon,{})}),storyName:"Icon + New(Long) Badge"},IconBadge3={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.G,{...props,badge:{type:"number",value:8},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(CommonIcon,{})}),storyName:"Icon + Number Badge (9 이하)"},IconBadge4={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.G,{...props,badge:{type:"number",value:10},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(CommonIcon,{})}),storyName:"Icon + Number Badge (9 초과)"};IconBadge2.parameters={...IconBadge2.parameters,docs:{...IconBadge2.parameters?.docs,source:{originalSource:"{\n  render: props => <IconBadge {...props} badge={{\n    type: 'dot'\n  }}>\n            <CommonIcon />\n        </IconBadge>\n}",...IconBadge2.parameters?.docs?.source}}},IconBadge1.parameters={...IconBadge1.parameters,docs:{...IconBadge1.parameters?.docs,source:{originalSource:"{\n  render: props => <IconBadge {...props} badge={{\n    type: 'new-short'\n  }}>\n            <CommonIcon />\n        </IconBadge>\n}",...IconBadge1.parameters?.docs?.source}}},IconBadgeNewLong.parameters={...IconBadgeNewLong.parameters,docs:{...IconBadgeNewLong.parameters?.docs,source:{originalSource:"{\n  render: props => <IconBadge {...props} badge={{\n    type: 'new-long'\n  }}>\n            <CommonIcon />\n        </IconBadge>\n}",...IconBadgeNewLong.parameters?.docs?.source}}},IconBadge3.parameters={...IconBadge3.parameters,docs:{...IconBadge3.parameters?.docs,source:{originalSource:"{\n  render: props => <IconBadge {...props} badge={{\n    type: 'number',\n    value: 8\n  }}>\n            <CommonIcon />\n        </IconBadge>\n}",...IconBadge3.parameters?.docs?.source}}},IconBadge4.parameters={...IconBadge4.parameters,docs:{...IconBadge4.parameters?.docs,source:{originalSource:"{\n  render: props => <IconBadge {...props} badge={{\n    type: 'number',\n    value: 10\n  }}>\n            <CommonIcon />\n        </IconBadge>\n}",...IconBadge4.parameters?.docs?.source}}};const __namedExportsOrder=["IconBadge2","IconBadge1","IconBadgeNewLong","IconBadge3","IconBadge4"]}}]);