"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[2098],{"./src/library/Flex/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},default:function(){return index_stories}});var react=__webpack_require__("./node_modules/react/index.js"),emotion_styled_base_browser_esm=__webpack_require__("./node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js");const GenerateFlexStyle=props=>({display:"flex",flexWrap:Boolean(props.flexWrap)?props.flexWrap:void 0,justifyContent:Boolean(props.justifyContent)?props.justifyContent:void 0,alignContent:Boolean(props.alignContent)?props.alignContent:void 0}),FlexContainerRow=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e16athi02"})((props=>({...GenerateFlexStyle(props),flexDirection:"row"})),""),FlexContainerColumn=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e16athi01"})((props=>({...GenerateFlexStyle(props),flexDirection:"column"})),""),FlexItem=(0,emotion_styled_base_browser_esm.Z)("div",{target:"e16athi00"})((props=>({flexGrow:Boolean(props.flexGrow)?props.flexGrow:void 0,flexShrink:Boolean(props.flexShrink)?props.flexGrow:void 0,flexBasis:Boolean(props.flexBasis)?props.flexBasis:void 0})),""),Flex=Object.assign(react.Fragment,{Row:FlexContainerRow,Column:FlexContainerColumn,Item:FlexItem});var library_Flex=Flex;try{Flex.displayName="Flex",Flex.__docgenInfo={description:"",displayName:"Flex",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/library/Flex/index.tsx#Flex"]={docgenInfo:Flex.__docgenInfo,name:"Flex",path:"src/library/Flex/index.tsx#Flex"})}catch(__react_docgen_typescript_loader_error){}var core=__webpack_require__("./src/core/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");var index_stories={title:"Library/Flex",component:library_Flex,tags:["autodocs"]};const Story1={render:props=>(0,jsx_runtime.jsxs)(library_Flex.Row,{...props,children:[(0,jsx_runtime.jsx)(core.wo,{children:"안녕하세요"}),(0,jsx_runtime.jsx)(core.Gn,{children:"반가워요"})]}),args:{justifyContent:"space-between"},storyName:"Flex.Row"},Story2={render:props=>(0,jsx_runtime.jsxs)(library_Flex.Column,{...props,children:[(0,jsx_runtime.jsx)(core.wo,{children:"안녕하세요"}),(0,jsx_runtime.jsx)(core.Gn,{children:"반가워요"})]}),args:{justifyContent:"space-between"},storyName:"Flex.Column"};Story1.parameters={...Story1.parameters,docs:{...Story1.parameters?.docs,source:{originalSource:"{\n  render: props => <Flex.Row {...props}>\n            <Title1>안녕하세요</Title1>\n            <Title4>반가워요</Title4>\n        </Flex.Row>,\n  args: {\n    justifyContent: 'space-between'\n  }\n}",...Story1.parameters?.docs?.source}}},Story2.parameters={...Story2.parameters,docs:{...Story2.parameters?.docs,source:{originalSource:"{\n  render: props => <Flex.Column {...props}>\n            <Title1>안녕하세요</Title1>\n            <Title4>반가워요</Title4>\n        </Flex.Column>,\n  args: {\n    justifyContent: 'space-between'\n  }\n}",...Story2.parameters?.docs?.source}}};const __namedExportsOrder=["Story1","Story2"]}}]);