"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 TooltipBase_1 = require("../TooltipBase");
const _1 = __importDefault(require("."));
const Icon_1 = require("../../../Icon");
const styled_1 = __importDefault(require("@emotion/styled"));
/**
 * updated 230523
 *
 * <a href="https://www.notion.so/Tooltip-3517bfdc827244d3a8cc91ec2b5c54c3" target="_blank">노션페이지</a>
 * <br/>
 * 사용자에게 필수로 정보를 인지시켜야할 경우 사용합니다. 화면 진입 시 단독으로 노출하며 사용자의 액션을 방해하지 않도록 필요 시 닫기 기능을 제공합니다.
 *
 */
const meta = {
    title: 'Component/Tooltip/ImpactTooltip',
    component: _1.default,
    tags: ['autodocs'],
};
exports.default = meta;
const commonArgTypes = {
    colorType: {
        options: TooltipBase_1.ColorTypeArray.filter((colorType) => colorType !== 'white'),
        control: { type: 'radio' },
    },
    placement: {
        options: TooltipBase_1.PlacementArray,
        control: { type: 'radio' },
    },
    hasCloseButton: {
        control: { type: 'boolean' },
    },
};
const ContainerForStorybook = styled_1.default.div `
	width: 100%;
	padding: 100px 0;
	display: flex;
	justify-content: center;
	align-items: center;
`;
const Component1 = (props) => {
    return (react_1.default.createElement(ContainerForStorybook, null,
        react_1.default.createElement(_1.default, Object.assign({}, props),
            react_1.default.createElement(Icon_1.QuestionIcon, null))));
};
// Props 교체 가능
exports.Story1 = {
    render: (props) => react_1.default.createElement(Component1, Object.assign({}, props)),
    args: {
        colorType: 'gray',
        content: '툴팁 문구를 입력해주세요',
        placement: 'top-center',
    },
    argTypes: commonArgTypes,
    parameters: {
        docs: {
            description: {
                story: '화면 영향 없이 콘텐츠가 가려지지 않는 방향으로 자유롭게 말풍선 꼬리를 표시합니다.',
            },
        },
    },
};
exports.Story1.storyName = 'playground';
