"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[9992],{"./src/components/MiniButton/IconMiniButton/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Story1:function(){return Story1},Story2:function(){return Story2},Story3:function(){return Story3},Story4:function(){return Story4},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/MiniButton/IconMiniButton/index.tsx"),_Icon_generated_ChevronRightS__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/Icon/generated/ChevronRightS.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/MiniButton/Icon Button",component:___WEBPACK_IMPORTED_MODULE_1__.e,tags:["autodocs"],parameters:{docs:{description:{component:"updated 230523\n\n한 화면 내에서 사용자의 추가 액션이 필요할 때 사용합니다."}}}};__webpack_exports__.default=meta;const commonProps={children:"미니버튼",size:"m",disabled:!1},Story1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{display:"flex",gap:"10px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.e,{...props,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon_generated_ChevronRightS__WEBPACK_IMPORTED_MODULE_2__.w,{})})}),args:{...commonProps,colorType:"gray"},argTypes:{onClick:{action:"clicked"}},storyName:"Gray"},Story2={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{display:"flex",gap:"10px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.e,{...props,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon_generated_ChevronRightS__WEBPACK_IMPORTED_MODULE_2__.w,{})})}),args:{...commonProps,colorType:"pink"},argTypes:{onClick:{action:"clicked"}},storyName:"Pink"},Story3={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{display:"flex",gap:"10px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.e,{...props,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon_generated_ChevronRightS__WEBPACK_IMPORTED_MODULE_2__.w,{})})}),args:{...commonProps,colorType:"blue"},argTypes:{onClick:{action:"clicked"}},storyName:"Blue"},Story4={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{display:"flex",gap:"10px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.e,{...props,icon:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon_generated_ChevronRightS__WEBPACK_IMPORTED_MODULE_2__.w,{})})}),args:{...commonProps,colorType:"lime"},argTypes:{onClick:{action:"clicked"}},storyName:"Lime"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    display: 'flex',\n    gap: '10px'\n  }}>\n            <IconMiniButton {...props} icon={<ChevronRightS />} />\n        </div>,\n  args: {\n    ...commonProps,\n    colorType: 'gray'\n  },\n  argTypes: {\n    onClick: {\n      action: 'clicked'\n    }\n  }\n}",...Story1.parameters?.docs?.source}}},Story2.parameters={...Story2.parameters,docs:{...Story2.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    display: 'flex',\n    gap: '10px'\n  }}>\n            <IconMiniButton {...props} icon={<ChevronRightS />} />\n        </div>,\n  args: {\n    ...commonProps,\n    colorType: 'pink'\n  },\n  argTypes: {\n    onClick: {\n      action: 'clicked'\n    }\n  }\n}",...Story2.parameters?.docs?.source}}},Story3.parameters={...Story3.parameters,docs:{...Story3.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    display: 'flex',\n    gap: '10px'\n  }}>\n            <IconMiniButton {...props} icon={<ChevronRightS />} />\n        </div>,\n  args: {\n    ...commonProps,\n    colorType: 'blue'\n  },\n  argTypes: {\n    onClick: {\n      action: 'clicked'\n    }\n  }\n}",...Story3.parameters?.docs?.source}}},Story4.parameters={...Story4.parameters,docs:{...Story4.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    display: 'flex',\n    gap: '10px'\n  }}>\n            <IconMiniButton {...props} icon={<ChevronRightS />} />\n        </div>,\n  args: {\n    ...commonProps,\n    colorType: 'lime'\n  },\n  argTypes: {\n    onClick: {\n      action: 'clicked'\n    }\n  }\n}",...Story4.parameters?.docs?.source}}};const __namedExportsOrder=["Story1","Story2","Story3","Story4"]}}]);