"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[2861],{"./src/components/Modal/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},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Modal/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const Component1=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.u,{...props,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.Title,{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.u.Body,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.Comment,{children:"설명을 입력해주세요"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.UnderLineMiniButton,{text:"미니버튼"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.SingleButton,{colorType:"pink",purpose:"main",children:"확인"})]});Component1.displayName="Component1";const Component2=props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.u,{...props,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.Title,{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.u.Body,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.Comment,{children:"설명을 입력해주세요"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.UnderLineMiniButton,{text:"미니버튼"})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.u.DoubleButton,{colorType:"pink",purpose:"main",left:{children:"취소"},right:{children:"확인"}})]});Component2.displayName="Component2";const meta={title:"Component/Modal",component:Component1,tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Modal-f42176452202406daf26c4128037a951?pvs=4" target="_blank">노션페이지</a>\n<br/>\n사용자 경험의 흐름을 막고 꼭 필요한 것을 결정하게 하거나 되돌릴 수 없는 결정을 확인할 때 사용합니다. <br/>\n사용자에게 중요한 정보를 전달하거나 선택을 요청하기 위해 앱 콘텐츠 앞에 나타납니다.'}}}};__webpack_exports__.default=meta;const Story1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["Tip! visible 값을 바꿔보세요",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component1,{...props})]}),args:{visible:!1},parameters:{docs:{description:{story:"콘텐츠 - 정보를 공지할 때 사용합니다."}}},storyName:"Modal - SingleButton (Content)"},Story2={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["Tip! visible 값을 바꿔보세요",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component2,{...props})]}),args:{visible:!1},parameters:{docs:{description:{story:"선택 - 신중한 의사결정 사항을 선택해야 때 사용합니다."}}},storyName:"Modal - DoubleButton"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <>\n            Tip! visible 값을 바꿔보세요\n            <Component1 {...props} />\n        </>,\n  args: {\n    visible: false\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '콘텐츠 - 정보를 공지할 때 사용합니다.'\n      }\n    }\n  }\n}",...Story1.parameters?.docs?.source}}},Story2.parameters={...Story2.parameters,docs:{...Story2.parameters?.docs,source:{originalSource:"{\n  render: props => <>\n            Tip! visible 값을 바꿔보세요\n            <Component2 {...props} />\n        </>,\n  args: {\n    visible: false\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: '선택 - 신중한 의사결정 사항을 선택해야 때 사용합니다.'\n      }\n    }\n  }\n}",...Story2.parameters?.docs?.source}}};const __namedExportsOrder=["Story1","Story2"]}}]);