"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Story3 = exports.Story2 = exports.Story1 = void 0;
const react_1 = __importDefault(require("react"));
const _1 = require(".");
/**
 * updated 230523
 *
 * 컴포넌트 내에서 종속된 버튼으로 사용합니다.
 */
const meta = {
    title: 'Component/MiniButton/Box Button',
    component: _1.BoxMiniButton,
    tags: ['autodocs'],
};
exports.default = meta;
// Props 교체 가능
exports.Story1 = {
    render: (props) => (react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
        react_1.default.createElement(_1.BoxMiniButton, Object.assign({}, props)),
        react_1.default.createElement(_1.BoxMiniButton, Object.assign({}, props, { disabled: true })))),
    args: {
        children: '미니버튼',
        colorType: 'pink',
    },
    argTypes: {
        onClick: { action: 'clicked' },
    },
};
exports.Story1.storyName = '핑크 라이트';
exports.Story2 = {
    render: (props) => (react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
        react_1.default.createElement(_1.BoxMiniButton, Object.assign({}, props)),
        react_1.default.createElement(_1.BoxMiniButton, Object.assign({}, props, { disabled: true })))),
    args: {
        children: '미니버튼',
        colorType: 'blue',
    },
    argTypes: {
        onClick: { action: 'clicked' },
    },
};
exports.Story2.storyName = '블루 라이트';
exports.Story3 = {
    render: (props) => (react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
        react_1.default.createElement(_1.BoxMiniButton, Object.assign({}, props)),
        react_1.default.createElement(_1.BoxMiniButton, Object.assign({}, props, { disabled: true })))),
    args: {
        children: '미니버튼',
        colorType: 'gray',
    },
    argTypes: {
        onClick: { action: 'clicked' },
    },
};
exports.Story3.storyName = '그레이 라이트';
