"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Story4 = exports.Story3 = exports.Story2 = exports.Story1 = void 0;
const react_1 = __importDefault(require("react"));
const _1 = require(".");
/**
 * updated 230523
 *
 * 한 화면 내에서 사용자의 흐름을 방해하지 않으면서 정보를 제공할 때 사용합니다.
 */
const meta = {
    title: 'Component/MiniButton/Underline Button',
    component: _1.UnderLineMiniButton,
    tags: ['autodocs'],
};
exports.default = meta;
const commonProps = {
    children: '미니버튼',
    size: 'm',
    disabled: false,
};
// Props 교체 가능
exports.Story1 = {
    render: (props) => (react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
        react_1.default.createElement(_1.UnderLineMiniButton, Object.assign({}, props)))),
    args: Object.assign(Object.assign({}, commonProps), { colorType: 'gray' }),
    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.UnderLineMiniButton, Object.assign({}, props)))),
    args: Object.assign(Object.assign({}, commonProps), { colorType: 'pink' }),
    argTypes: {
        onClick: { action: 'clicked' },
    },
};
exports.Story2.storyName = 'Pink';
exports.Story3 = {
    render: (props) => (react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
        react_1.default.createElement(_1.UnderLineMiniButton, Object.assign({}, props)))),
    args: Object.assign(Object.assign({}, commonProps), { colorType: 'blue' }),
    argTypes: {
        onClick: { action: 'clicked' },
    },
};
exports.Story3.storyName = 'Blue';
exports.Story4 = {
    render: (props) => (react_1.default.createElement("div", { style: { display: 'flex', gap: '10px' } },
        react_1.default.createElement(_1.UnderLineMiniButton, Object.assign({}, props)))),
    args: Object.assign(Object.assign({}, commonProps), { colorType: 'lime' }),
    argTypes: {
        onClick: { action: 'clicked' },
    },
};
exports.Story4.storyName = 'Lime';
