"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[3370],{"./src/components/Tabs/TextTabs/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},__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/Tabs/TextTabs/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/Tabs/TextTabs",component:___WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"]};__webpack_exports__.default=meta;const Component=props=>{const[value,setValue]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(props.list[1].value);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:["selected: ",value,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Z,{...props,value:value,onChange:setValue})]})},Story1={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{width:"600px",background:"white",border:"1px solid black",paddingBottom:25},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component,{...props})}),args:{type:"fixed",colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}]},storyName:"TextTabs (Fixed)"},Story2={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{width:"360px",background:"white",border:"1px solid black",paddingBottom:25},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component,{...props})}),args:{type:"scroll",colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"}]},storyName:"TextTabs (Short)"},Story3={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{width:"360px",background:"white",border:"1px solid black",paddingBottom:25},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component,{...props})}),args:{type:"scroll",colorType:"gray",list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"긴긴컨텐츠라벨3",value:"3"},{label:"라벨4",value:"4"},{label:"라벨5",value:"5"},{label:"라벨6",value:"6"},{label:"라벨7",value:"7"}]},storyName:"TextTabs (Long Scrollable)"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    width: '600px',\n    background: 'white',\n    border: '1px solid black',\n    paddingBottom: 25\n  }}>\n            <Component {...props} />\n        </div>,\n  args: {\n    type: 'fixed',\n    colorType: 'gray',\n    list: [{\n      label: '라벨1',\n      value: '1'\n    }, {\n      label: '라벨2',\n      value: '2'\n    }, {\n      label: '라벨3',\n      value: '3'\n    }]\n  }\n}",...Story1.parameters?.docs?.source}}},Story2.parameters={...Story2.parameters,docs:{...Story2.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    width: '360px',\n    background: 'white',\n    border: '1px solid black',\n    paddingBottom: 25\n  }}>\n            <Component {...props} />\n        </div>,\n  args: {\n    type: 'scroll',\n    colorType: 'gray',\n    list: [{\n      label: '라벨1',\n      value: '1'\n    }, {\n      label: '라벨2',\n      value: '2'\n    }]\n  }\n}",...Story2.parameters?.docs?.source}}},Story3.parameters={...Story3.parameters,docs:{...Story3.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    width: '360px',\n    background: 'white',\n    border: '1px solid black',\n    paddingBottom: 25\n  }}>\n            <Component {...props} />\n        </div>,\n  args: {\n    type: 'scroll',\n    colorType: 'gray',\n    list: [{\n      label: '라벨1',\n      value: '1'\n    }, {\n      label: '라벨2',\n      value: '2'\n    }, {\n      label: '긴긴컨텐츠라벨3',\n      value: '3'\n    }, {\n      label: '라벨4',\n      value: '4'\n    }, {\n      label: '라벨5',\n      value: '5'\n    }, {\n      label: '라벨6',\n      value: '6'\n    }, {\n      label: '라벨7',\n      value: '7'\n    }]\n  }\n}",...Story3.parameters?.docs?.source}}};const __namedExportsOrder=["Story1","Story2","Story3"]}}]);