import React from 'react';
import Invoice from '../../..';
import 'antd/dist/antd.css';
import { Button } from 'kts-components-antd-x4';

export default () => {

    const controller = React.useMemo(() => new Invoice.InvoiceController(), []);
    const enabled = controller.useMemo((s) => s.differenceInputState.enabled, []);
    const [loading, setLoading] = React.useState(false);

    React.useEffect(() => {
        controller.run(async s => {
            
        })
    }, [controller])

    return (
        <div>
            <Button loading={loading} onClick={ async () => {
                setLoading(true);
                await controller.pipeline(async (s) => {
                    s.differenceInputState.enabled = !s.differenceInputState.enabled;
                })();
                setLoading(false);
            }}>{enabled ? '关闭差额开票' : '开启差额开票'}</Button>

            <Invoice invoiceType='digtal' controller={controller} />
        </div>
    )
};