"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[9847],{"./src/components/BottomSheet/TitleBottomSheet/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},__namedExportsOrder:function(){return __namedExportsOrder}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/BottomSheet/TitleBottomSheet/index.tsx"),_Button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/Button/index.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const TitleComponent=props=>{const[open,setOpen]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),toggleOpen=()=>{setOpen((prev=>!prev))};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{width:"200px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Button__WEBPACK_IMPORTED_MODULE_2__.SY,{colorType:"gray",purpose:"main",onClick:toggleOpen,children:"모달 오픈"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(___WEBPACK_IMPORTED_MODULE_1__.a,{...props,visible:open,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.a.Body,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.a.Title,{title:"타이틀을 입력해주세요",subTitle:"서브 타이틀을 입력해주세요"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.a.SingleButton,{colorType:"gray",purpose:"main",onClick:toggleOpen,children:"버튼"})]})]})},meta={title:"Component/BottomSheet/TitleBottomSheet",component:TitleComponent,tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Bottom-Sheet-295e90bcc23247bb9a14b354a142df6d?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_3__.jsx)(TitleComponent,{...props}),args:{minHeight:"full"},argTypes:{},parameters:{docs:{description:{story:"\n- 바텀시트가 필요할 때 기본적으로 사용되며 사용자가 어떤 행동을 해야하는지 혹은 정보를 명확하게 인지시킬 때 사용합니다.  \n<br/>\n- 하단 버튼이 없는 경우는 전체 범위를, 하단 버튼이 있는 경우는 버튼 위까지 스크롤 영역으로 지정합니다. "}}},storyName:"바탐시트 - 타이틀"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <TitleComponent {...props} />,\n  args: {\n    minHeight: 'full'\n  },\n  argTypes: {},\n  parameters: {\n    docs: {\n      description: {\n        story: `\n- 바텀시트가 필요할 때 기본적으로 사용되며 사용자가 어떤 행동을 해야하는지 혹은 정보를 명확하게 인지시킬 때 사용합니다.  \n<br/>\n- 하단 버튼이 없는 경우는 전체 범위를, 하단 버튼이 있는 경우는 버튼 위까지 스크롤 영역으로 지정합니다. `\n      }\n    }\n  }\n}",...Story1.parameters?.docs?.source}}};const __namedExportsOrder=["Story1"]}}]);