"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    var desc = Object.getOwnPropertyDescriptor(m, k);
    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
      desc = { enumerable: true, get: function() { return m[k]; } };
    }
    Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FillTabsLongStory = exports.FillTabsShortStory = void 0;
const react_1 = __importStar(require("react"));
const _1 = require(".");
const meta = {
    title: 'Component/Tabs/FillTabs',
    component: _1.FillTabs,
    tags: ['autodocs'],
};
exports.default = meta;
const Component = (props) => {
    const [value, setValue] = (0, react_1.useState)(props.list[1].value);
    return (react_1.default.createElement(react_1.default.Fragment, null,
        "selected: ",
        value,
        react_1.default.createElement("br", null),
        react_1.default.createElement("br", null),
        react_1.default.createElement(_1.FillTabs, Object.assign({}, props, { value: value, onChange: setValue }))));
};
exports.FillTabsShortStory = {
    render: (props) => (react_1.default.createElement("div", { style: { width: '360px', background: 'white', border: '1px solid black', paddingBottom: 25 } },
        react_1.default.createElement(Component, Object.assign({}, props)))),
    args: {
        colorType: 'gray',
        list: [
            { label: '라벨1', value: '1' },
            { label: '라벨2', value: '2' },
            { label: '라벨3', value: '3' },
        ],
    },
};
exports.FillTabsShortStory.storyName = 'FillTabs (Short)';
exports.FillTabsLongStory = {
    render: (props) => (react_1.default.createElement("div", { style: { width: '360px', background: 'white', border: '1px solid black', paddingBottom: 25 } },
        react_1.default.createElement(Component, Object.assign({}, props)))),
    args: {
        colorType: 'gray',
        list: [
            { label: '라벨1', value: '1' },
            { label: '라벨2', value: '2' },
            { label: '긴긴컨텐츠라벨3', value: '3' },
            { label: '라벨4', value: '4' },
            { label: '라벨5', value: '5' },
            { label: '라벨6', value: '6' },
            { label: '라벨7', value: '7' },
        ],
    },
};
exports.FillTabsLongStory.storyName = 'FillTabs (Long, Scrollable)';
