"use strict";(self.webpackChunk_pfct_purple=self.webpackChunk_pfct_purple||[]).push([[738],{"./src/components/Card/index.stories.tsx":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MCard:function(){return MCard},PassiveCard:function(){return PassiveCard},SCard:function(){return SCard},__namedExportsOrder:function(){return __namedExportsOrder}});__webpack_require__("./node_modules/react/index.js");var ___WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/components/Card/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");const meta={title:"Component/Card",component:___WEBPACK_IMPORTED_MODULE_1__.Z,tags:["autodocs"],parameters:{docs:{description:{component:'updated 230523\n\n<a href="https://www.notion.so/Card-7244d5fc8b4a4056a5bf954775c86bc7?pvs=4" target="_blank">노션페이지</a>\n<br/>\n페이지 안에서 콘텐츠를 시각적으로 구분 지어야 할 때 사용합니다.'}}}};__webpack_exports__.default=meta;const MCard={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Z,{...props}),args:{fixedSize:"m",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{padding:"20px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{children:"타이틀"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{children:"서브타이틀"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"내용입니다"})]})},storyName:"M 활성화"},SCard={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{width:"300px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Z,{...props})}),args:{fixedSize:"s",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{padding:"20px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{children:"타이틀"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{children:"서브타이틀"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"내용입니다"})]})},storyName:"S 활성화"},PassiveCard={render:props=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(___WEBPACK_IMPORTED_MODULE_1__.Z,{...props}),args:{fixedSize:"m",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{padding:"20px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{children:"타이틀"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{children:"서브타이틀"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{children:"내용입니다"})]}),disabled:!0},storyName:"M 비활성화"};MCard.parameters={...MCard.parameters,docs:{...MCard.parameters?.docs,source:{originalSource:"{\n  render: props => <Card {...props} />,\n  args: {\n    fixedSize: 'm',\n    children: <div style={{\n      padding: '20px'\n    }}>\n                <h1>타이틀</h1>\n                <h2>서브타이틀</h2>\n                <p>내용입니다</p>\n            </div>\n  }\n}",...MCard.parameters?.docs?.source}}},SCard.parameters={...SCard.parameters,docs:{...SCard.parameters?.docs,source:{originalSource:"{\n  render: props => <div style={{\n    width: '300px'\n  }}>\n            <Card {...props} />\n        </div>,\n  args: {\n    fixedSize: 's',\n    children: <div style={{\n      padding: '20px'\n    }}>\n                <h1>타이틀</h1>\n                <h2>서브타이틀</h2>\n                <p>내용입니다</p>\n            </div>\n  }\n}",...SCard.parameters?.docs?.source}}},PassiveCard.parameters={...PassiveCard.parameters,docs:{...PassiveCard.parameters?.docs,source:{originalSource:"{\n  render: props => <Card {...props} />,\n  args: {\n    fixedSize: 'm',\n    children: <div style={{\n      padding: '20px'\n    }}>\n                <h1>타이틀</h1>\n                <h2>서브타이틀</h2>\n                <p>내용입니다</p>\n            </div>,\n    disabled: true\n  }\n}",...PassiveCard.parameters?.docs?.source}}};const __namedExportsOrder=["MCard","SCard","PassiveCard"]}}]);