"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[3601],{"./src/components/Chips/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BasicChipsStory1:function(){return BasicChipsStory1},BasicChipsStory2:function(){return BasicChipsStory2},ChipItemStory:function(){return ChipItemStory},__namedExportsOrder:function(){return __namedExportsOrder}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ChipItem__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Chips/ChipItem/index.tsx"),_BasicChips__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Chips/BasicChips/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/Chips",component:_ChipItem__WEBPACK_IMPORTED_MODULE_1__.S,tags:["autodocs"]};__webpack_exports__.default=meta;const ChipItemStory={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_ChipItem__WEBPACK_IMPORTED_MODULE_1__.S,{...props}),args:{colorType:"pink",displayValue:"텍스트"},storyName:"ChipItem Anatomy"},BasicChipsUsage=props=>{const[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{background:"white",width:"350px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_BasicChips__WEBPACK_IMPORTED_MODULE_2__.d,{...props,value:value,onChange:setValue})})};BasicChipsUsage.displayName="BasicChipsUsage";const BasicChipsStory1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(BasicChipsUsage,{...props}),args:{colorType:"pink",list:[{label:"텍스트1",value:"valu1"},{label:"텍스트2",value:"value2"}]},storyName:"Basic Chips (Short)"},BasicChipsStory2={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(BasicChipsUsage,{...props}),args:{colorType:"pink",list:[{label:"텍스트1",value:"value1"},{label:"텍스트2",value:"value2"},{label:"텍스트3",value:"value3"},{label:"텍스트4",value:"value4"},{label:"텍스트5",value:"value5"},{label:"텍스트6",value:"value6"}]},storyName:"Basic Chips (Long, Scrollable)"};ChipItemStory.parameters={...ChipItemStory.parameters,docs:{...ChipItemStory.parameters?.docs,source:{originalSource:"{\n  render: props => <ChipItem {...props} />,\n  args: {\n    colorType: 'pink',\n    displayValue: '텍스트'\n  }\n}",...ChipItemStory.parameters?.docs?.source}}},BasicChipsStory1.parameters={...BasicChipsStory1.parameters,docs:{...BasicChipsStory1.parameters?.docs,source:{originalSource:"{\n  render: props => <BasicChipsUsage {...props} />,\n  args: {\n    colorType: 'pink',\n    list: [{\n      label: '텍스트1',\n      value: 'valu1'\n    }, {\n      label: '텍스트2',\n      value: 'value2'\n    }]\n  }\n}",...BasicChipsStory1.parameters?.docs?.source}}},BasicChipsStory2.parameters={...BasicChipsStory2.parameters,docs:{...BasicChipsStory2.parameters?.docs,source:{originalSource:"{\n  render: props => <BasicChipsUsage {...props} />,\n  args: {\n    colorType: 'pink',\n    list: [{\n      label: '텍스트1',\n      value: 'value1'\n    }, {\n      label: '텍스트2',\n      value: 'value2'\n    }, {\n      label: '텍스트3',\n      value: 'value3'\n    }, {\n      label: '텍스트4',\n      value: 'value4'\n    }, {\n      label: '텍스트5',\n      value: 'value5'\n    }, {\n      label: '텍스트6',\n      value: 'value6'\n    }]\n  }\n}",...BasicChipsStory2.parameters?.docs?.source}}};const __namedExportsOrder=["ChipItemStory","BasicChipsStory1","BasicChipsStory2"]}}]);