"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Story2 = exports.Story1 = void 0;
const react_1 = __importDefault(require("react"));
const _1 = require(".");
const Component1 = (props) => {
    return (react_1.default.createElement(_1.Modal, Object.assign({}, props),
        react_1.default.createElement(_1.Modal.Title, { title: "\uD0C0\uC774\uD2C0\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694", subTitle: `서브타이틀을 입력해주세요` }),
        react_1.default.createElement(_1.Modal.Body, null,
            react_1.default.createElement(_1.Modal.Comment, null, "\uC124\uBA85\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694"),
            react_1.default.createElement(_1.Modal.UnderLineMiniButton, { text: "\uBBF8\uB2C8\uBC84\uD2BC" })),
        react_1.default.createElement(_1.Modal.SingleButton, { colorType: "pink", purpose: "main" }, "\uD655\uC778")));
};
const Component2 = (props) => {
    return (react_1.default.createElement(_1.Modal, Object.assign({}, props),
        react_1.default.createElement(_1.Modal.Title, { title: "\uD0C0\uC774\uD2C0\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694", subTitle: `서브타이틀을 입력해주세요` }),
        react_1.default.createElement(_1.Modal.Body, null,
            react_1.default.createElement(_1.Modal.Comment, null, "\uC124\uBA85\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694"),
            react_1.default.createElement(_1.Modal.UnderLineMiniButton, { text: "\uBBF8\uB2C8\uBC84\uD2BC" })),
        react_1.default.createElement(_1.Modal.DoubleButton, { colorType: "pink", purpose: "main", left: { children: '취소' }, right: { children: '확인' } })));
};
/**
 * updated 230523
 *
 * <a href="https://www.notion.so/Modal-f42176452202406daf26c4128037a951?pvs=4" target="_blank">노션페이지</a>
 * <br/>
 * 사용자 경험의 흐름을 막고 꼭 필요한 것을 결정하게 하거나 되돌릴 수 없는 결정을 확인할 때 사용합니다. <br/>
 * 사용자에게 중요한 정보를 전달하거나 선택을 요청하기 위해 앱 콘텐츠 앞에 나타납니다.
 *
 */
const meta = {
    title: 'Component/Modal',
    component: Component1,
    tags: ['autodocs'],
};
exports.default = meta;
// Props 교체 가능
exports.Story1 = {
    render: (props) => (react_1.default.createElement(react_1.default.Fragment, null,
        "Tip! visible \uAC12\uC744 \uBC14\uAFD4\uBCF4\uC138\uC694",
        react_1.default.createElement(Component1, Object.assign({}, props)))),
    args: {
        visible: false,
    },
    parameters: {
        docs: {
            description: {
                story: '콘텐츠 - 정보를 공지할 때 사용합니다.',
            },
        },
    },
};
exports.Story1.storyName = 'Modal - SingleButton (Content)';
exports.Story2 = {
    render: (props) => (react_1.default.createElement(react_1.default.Fragment, null,
        "Tip! visible \uAC12\uC744 \uBC14\uAFD4\uBCF4\uC138\uC694",
        react_1.default.createElement(Component2, Object.assign({}, props)))),
    args: {
        visible: false,
    },
    parameters: {
        docs: {
            description: {
                story: '선택 - 신중한 의사결정 사항을 선택해야 때 사용합니다.',
            },
        },
    },
};
exports.Story2.storyName = 'Modal - DoubleButton';
