"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Story7 = exports.Story6 = exports.Story5 = exports.Story4 = exports.Story3 = exports.Story2 = exports.Story1 = void 0;
const react_1 = __importDefault(require("react"));
const _1 = require(".");
/**
 * updated 230523
 *
 * 현재 사용자가 위치한 화면의 정보와 액션 기능을 담고 있는 컴포넌트입니다.
 *
 */
const meta = {
    title: 'Component/Navigation Bar',
    component: _1.Navigation,
    tags: ['autodocs'],
};
exports.default = meta;
// Props 교체 가능
exports.Story1 = {
    render: (props) => react_1.default.createElement(_1.Navigation, Object.assign({}, props)),
    args: {
        contentColor: 'gray',
        hasBackgroundColor: true,
        title: '타이틀',
        leftArea: {
            type: 'backIcon',
            handleClickButton: () => {
                console.log('left button click');
            },
        },
        rightArea: {
            type: 'text',
            children: '텍스트',
            handleClickButton: () => {
                console.log('right button click');
            },
        },
    },
};
exports.Story1.storyName = '배경컬러 있음';
exports.Story2 = {
    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
        react_1.default.createElement(_1.Navigation, Object.assign({}, props)))),
    args: {
        contentColor: 'gray',
        hasBackgroundColor: false,
        title: '타이틀',
        leftArea: {
            type: 'backIcon',
            handleClickButton: () => {
                console.log('left button click');
            },
        },
        rightArea: {
            type: 'text',
            children: '텍스트',
            handleClickButton: () => {
                console.log('right button click');
            },
        },
    },
};
exports.Story2.storyName = '배경컬러 없음';
exports.Story3 = {
    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
        react_1.default.createElement(_1.Navigation, Object.assign({}, props)))),
    args: {
        contentColor: 'gray',
        hasBackgroundColor: true,
        title: '타이틀',
    },
};
exports.Story3.storyName = 'leftArea / rightArea - 없음';
exports.Story4 = {
    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
        react_1.default.createElement(_1.Navigation, Object.assign({}, props)))),
    args: {
        contentColor: 'gray',
        hasBackgroundColor: true,
        title: '타이틀',
        rightArea: {
            type: 'text',
            children: '텍스트',
            handleClickButton: () => {
                console.log('right button click');
            },
        },
    },
};
exports.Story4.storyName = 'rightArea - Text';
exports.Story5 = {
    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
        react_1.default.createElement(_1.Navigation, Object.assign({}, props)))),
    args: {
        contentColor: 'gray',
        hasBackgroundColor: true,
        title: '타이틀',
        rightArea: {
            type: 'closeIcon',
            handleClickButton: () => {
                console.log('right button click');
            },
        },
    },
};
exports.Story5.storyName = 'rightArea - 취소 아이콘';
exports.Story6 = {
    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
        react_1.default.createElement(_1.Navigation, Object.assign({}, props)))),
    args: {
        contentColor: 'white',
        hasBackgroundColor: true,
        title: '타이틀',
        rightArea: {
            type: 'closeIcon',
            handleClickButton: () => {
                console.log('right button click');
            },
        },
    },
};
exports.Story6.storyName = 'contentColor - white';
exports.Story7 = {
    render: (props) => (react_1.default.createElement("div", { style: { background: 'transparent' } },
        react_1.default.createElement(_1.Navigation, Object.assign({}, props)))),
    args: {
        contentColor: 'gray',
        hasBackgroundColor: true,
        leftArea: {
            type: 'backIcon',
            handleClickButton: () => {
                console.log('left button click');
            },
        },
        rightArea: {
            type: 'closeIcon',
            handleClickButton: () => {
                console.log('right button click');
            },
        },
    },
};
exports.Story7.storyName = 'title 없음';
