"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconBadge4 = exports.IconBadge3 = exports.IconBadgeNewLong = exports.IconBadge1 = exports.IconBadge2 = void 0;
const react_1 = __importDefault(require("react"));
const _1 = require(".");
const Icon_1 = require("../../../Icon");
/**
 * updated 230523
 *
 * <a href="https://www.notion.so/Badge-4371e89366d34f3dbda27d9dfc42b345?pvs=4" target="_blank">노션페이지</a>
 * <br/>
 * 새로운 업데이트 및 알림에 대한 정보를 제공할 때 사용합니다.
 * 뱃지는 필요한 모든 곳에 배치할 수 있으며 주로 텍스트, 아이콘의 오른쪽 옆 또는 상단에 배치합니다.
 *
 */
const meta = {
    title: 'Component/Badge/IconBadge',
    tags: ['autodocs'],
};
exports.default = meta;
const CommonIcon = Icon_1.AlarmFillIcon;
exports.IconBadge2 = {
    render: (props) => (react_1.default.createElement(_1.IconBadge, Object.assign({}, props, { badge: { type: 'dot' } }),
        react_1.default.createElement(CommonIcon, null))),
};
exports.IconBadge2.storyName = 'Icon + Dot Badge';
exports.IconBadge1 = {
    render: (props) => (react_1.default.createElement(_1.IconBadge, Object.assign({}, props, { badge: { type: 'new-short' } }),
        react_1.default.createElement(CommonIcon, null))),
};
exports.IconBadge1.storyName = 'Icon + New(Short) Badge';
exports.IconBadgeNewLong = {
    render: (props) => (react_1.default.createElement(_1.IconBadge, Object.assign({}, props, { badge: { type: 'new-long' } }),
        react_1.default.createElement(CommonIcon, null))),
};
exports.IconBadgeNewLong.storyName = 'Icon + New(Long) Badge';
exports.IconBadge3 = {
    render: (props) => (react_1.default.createElement(_1.IconBadge, Object.assign({}, props, { badge: { type: 'number', value: 8 } }),
        react_1.default.createElement(CommonIcon, null))),
};
exports.IconBadge3.storyName = 'Icon + Number Badge (9 이하)';
exports.IconBadge4 = {
    render: (props) => (react_1.default.createElement(_1.IconBadge, Object.assign({}, props, { badge: { type: 'number', value: 10 } }),
        react_1.default.createElement(CommonIcon, null))),
};
exports.IconBadge4.storyName = 'Icon + Number Badge (9 초과)';
