"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[4018],{"./src/components/Button/DoubleButton/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorSubButton:function(){return ColorSubButton},MainButton:function(){return MainButton},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Button/DoubleButton/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/Button/DoubleButton",component:___WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/fdb21779528c4474ba7e5e500388bf3e?pvs=4" target="_blank">노션페이지</a>\n<br/>\n**Pattern**\n\n정보 영역에서 선택사항이 두 가지일 경우 사용합니다.\n\n**Hierarchy**\n\n더블 버튼은 좌측에 반드시 블루 그레이 틴트 버튼 1개가 함께 사용 되어야 합니다.'}}}};__webpack_exports__.default=meta;const commonArgs={colorType:"pink",purpose:"main",left:{children:"취소"},right:{children:"확인"}},MainButton={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Z,{...props}),args:commonArgs,argTypes:{left:{onClick:{action:"leftOnClick"}},right:{onClick:{action:"rightOnClick"}}},parameters:{docs:{description:{story:"비즈니스 전략상 더 중요한 버튼을 강조할 때 우측에 필 버튼을 사용합니다."}}}},ColorSubButton={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Z,{purpose:"sub",colorType:"pink",left:{...props.left},right:{...props.right}}),args:commonArgs,parameters:{docs:{description:{story:"중요도가 아주 높진 않지만 약간의 위계를 가진 두 가지 선택에 대해 표현할 때 컬러 틴트 버튼을 사용합니다."}}}};MainButton.parameters={...MainButton.parameters,docs:{...MainButton.parameters?.docs,source:{originalSource:"{\n  render: props => <DoubleButton {...props} />,\n  args: commonArgs,\n  argTypes: {\n    left: {\n      onClick: {\n        action: 'leftOnClick'\n      }\n    },\n    right: {\n      onClick: {\n        action: 'rightOnClick'\n      }\n    }\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '비즈니스 전략상 더 중요한 버튼을 강조할 때 우측에 필 버튼을 사용합니다.'\n      }\n    }\n  }\n}",...MainButton.parameters?.docs?.source}}},ColorSubButton.parameters={...ColorSubButton.parameters,docs:{...ColorSubButton.parameters?.docs,source:{originalSource:'{\n  render: props => <DoubleButton purpose="sub" colorType="pink" left={{\n    ...props.left\n  }} right={{\n    ...props.right\n  }} />,\n  args: commonArgs,\n  parameters: {\n    docs: {\n      description: {\n        story: \'중요도가 아주 높진 않지만 약간의 위계를 가진 두 가지 선택에 대해 표현할 때 컬러 틴트 버튼을 사용합니다.\'\n      }\n    }\n  }\n}',...ColorSubButton.parameters?.docs?.source}}};const __namedExportsOrder=["MainButton","ColorSubButton"]}}]);