"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 index_1 = require("./index");
/**
 * updated 230523
 *
 * <a href="https://www.notion.so/Comment-373896297eb644fc8fbc28d81badcff2?pvs=4" target="_blank">노션페이지</a>
 * <br/>
 * 페이지 안에서 콘텐츠를 시각적으로 구분 지어야 할 때 사용합니다.
 *
 */
const meta = {
    title: 'Component/Comment',
    component: index_1.Comment,
    tags: ['autodocs'],
};
exports.default = meta;
// Props 교체 가능
exports.Story1 = {
    render: (props) => react_1.default.createElement(index_1.Comment, Object.assign({}, props)),
    args: {
        text: '코멘트를 입력해주세요.',
    },
};
exports.Story1.storyName = '1P';
exports.Story2 = {
    render: (props) => react_1.default.createElement(index_1.Comment, Object.assign({}, props)),
    args: {
        text: '코멘트를 입력해주세요.',
        hasBullet: false,
    },
};
exports.Story2.storyName = '단독';
exports.Story3 = {
    render: (props) => (react_1.default.createElement(index_1.Comment.Group, Object.assign({}, props),
        react_1.default.createElement(index_1.Comment, { text: "\uCF54\uBA58\uD2B8\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694." }),
        react_1.default.createElement(index_1.Comment, { text: "\uCF54\uBA58\uD2B8\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694." }),
        react_1.default.createElement(index_1.Comment, { text: "\uCF54\uBA58\uD2B8\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694." }),
        react_1.default.createElement(index_1.Comment, { text: "\uCF54\uBA58\uD2B8\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694." }),
        react_1.default.createElement(index_1.Comment, { text: "\uCF54\uBA58\uD2B8\uB97C \uC785\uB825\uD574\uC8FC\uC138\uC694." }))),
};
exports.Story3.storyName = '5P';
