import React from 'react';
import { withKnobs } from '@storybook/addon-knobs';
import { DummyMoudle } from '../../app';
import { JDcontainer, Toast, useModal, JDbutton } from '@janda-com/front';
import "../../scss/app.scss";


const { ChargeModalWrap } = DummyMoudle;

export const standard = () => {
    const modalHook = useModal();
    return (
        <JDcontainer verticalPadding>
            <JDbutton onClick={() => {
                modalHook.openModal();
            }} label="번호로" />
            <ChargeModalWrap onClickCharge={(amt) => {
                alert(amt)
            }} modalHook={modalHook} />
            <Toast />
        </JDcontainer>
    );
};


export default {
    title: 'Charge',
    component: standard,
    decorators: [withKnobs]
};

standard.story = {
    name: 'ChargeModal'
};
