"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Story1 = void 0;
const react_1 = __importDefault(require("react"));
const Icon_1 = require("../Icon");
/**
 * updated 230523
 *
 * <a href="https://www.notion.so/System-Icon-d059e54cac724c34a98415684c381c8a?pvs=4" target="_blank">노션페이지</a>
 * <br/>
 * 시스템 아이콘은 아이콘 별로 기능이나 액션을 가지고 있으며, 사용자의 쉽고 간편한 서비스 사용을 도와줍니다.<br/>
 * 단순하고 직관적인 형태의 아이콘을 지향합니다.
 *
 */
const meta = {
    title: 'Foundation/Icon',
    component: Icon_1.CheckMIcon,
    tags: ['autodocs'],
};
exports.default = meta;
const Component = (props) => {
    const MIcon = [
        Icon_1.CheckMIcon,
        Icon_1.CancelMIcon,
        Icon_1.PlusMIcon,
        Icon_1.ChevronDownMIcon,
        Icon_1.ChevronLeftMIcon,
        Icon_1.ChevronRightMIcon,
        Icon_1.ChevronUpMIcon,
    ];
    const SIcon = [
        Icon_1.CheckSIcon,
        Icon_1.CancelSIcon,
        Icon_1.PlusSIcon,
        Icon_1.ChevronDownSIcon,
        Icon_1.ChevronLeftSIcon,
        Icon_1.ChevronRightSIcon,
        Icon_1.ChevronUpSIcon,
        Icon_1.DoubleChevronLeftSIcon,
        Icon_1.DoubleChevronRightSIcon,
    ];
    const SignIcon = [
        Icon_1.AlarmFillIcon,
        Icon_1.EyeFillIcon,
        Icon_1.EyeSlashFillIcon,
        Icon_1.SettingLineIcon,
        Icon_1.CancelCircleIcon,
        Icon_1.QuestionIcon,
        Icon_1.InformationIcon,
        Icon_1.SearchIcon,
        Icon_1.ReIcon,
        Icon_1.MoreIcon,
        Icon_1.MenuIcon,
        Icon_1.PersonFillIcon,
        Icon_1.FilterIcon,
    ];
    return (react_1.default.createElement(react_1.default.Fragment, null, [MIcon, SIcon, SignIcon].map((list, idx1) => (react_1.default.createElement("div", { key: idx1, style: { display: 'flex', gap: '20px' } },
        list.map((Comp, idx2) => (react_1.default.createElement(Comp, Object.assign({ key: idx2 }, props)))),
        react_1.default.createElement("br", null),
        react_1.default.createElement("br", null))))));
};
// Props 교체 가능
exports.Story1 = {
    render: (props) => react_1.default.createElement(Component, Object.assign({}, props)),
    args: {
        fillColor: 'black',
    },
};
exports.Story1.storyName = 'System Icon';
