"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PassiveCard = exports.SCard = exports.MCard = void 0;
const react_1 = __importDefault(require("react"));
const _1 = require(".");
/**
 * updated 230523
 *
 * <a href="https://www.notion.so/Card-7244d5fc8b4a4056a5bf954775c86bc7?pvs=4" target="_blank">노션페이지</a>
 * <br/>
 * 페이지 안에서 콘텐츠를 시각적으로 구분 지어야 할 때 사용합니다.
 *
 */
const meta = {
    title: 'Component/Card',
    component: _1.Card,
    tags: ['autodocs'],
};
exports.default = meta;
// Props 교체 가능
exports.MCard = {
    render: (props) => react_1.default.createElement(_1.Card, Object.assign({}, props)),
    args: {
        fixedSize: 'm',
        children: (react_1.default.createElement("div", { style: { padding: '20px' } },
            react_1.default.createElement("h1", null, "\uD0C0\uC774\uD2C0"),
            react_1.default.createElement("h2", null, "\uC11C\uBE0C\uD0C0\uC774\uD2C0"),
            react_1.default.createElement("p", null, "\uB0B4\uC6A9\uC785\uB2C8\uB2E4"))),
    },
};
exports.MCard.storyName = 'M 활성화';
exports.SCard = {
    render: (props) => (react_1.default.createElement("div", { style: { width: '300px' } },
        react_1.default.createElement(_1.Card, Object.assign({}, props)))),
    args: {
        fixedSize: 's',
        children: (react_1.default.createElement("div", { style: { padding: '20px' } },
            react_1.default.createElement("h1", null, "\uD0C0\uC774\uD2C0"),
            react_1.default.createElement("h2", null, "\uC11C\uBE0C\uD0C0\uC774\uD2C0"),
            react_1.default.createElement("p", null, "\uB0B4\uC6A9\uC785\uB2C8\uB2E4"))),
    },
};
exports.SCard.storyName = 'S 활성화';
exports.PassiveCard = {
    render: (props) => react_1.default.createElement(_1.Card, Object.assign({}, props)),
    args: {
        fixedSize: 'm',
        children: (react_1.default.createElement("div", { style: { padding: '20px' } },
            react_1.default.createElement("h1", null, "\uD0C0\uC774\uD2C0"),
            react_1.default.createElement("h2", null, "\uC11C\uBE0C\uD0C0\uC774\uD2C0"),
            react_1.default.createElement("p", null, "\uB0B4\uC6A9\uC785\uB2C8\uB2E4"))),
        disabled: true,
    },
};
exports.PassiveCard.storyName = 'M 비활성화';
