import React, { useState } from 'react';
import { Button } from 'antd';
import VtxCpModal from '../index';

export default function Demo() {
    const [visible, setVisible] = useState(false);
    return (
        <div style={{ height: '200px' }}>
            <Button
                type="primary"
                onClick={() => {
                    setVisible(true);
                }}
            >
                暗色
            </Button>
            <VtxCpModal
                visible={visible}
                theme="dark"
                title="保泽环境"
                id="1585163436305043457"
                onCancel={() => {
                    setVisible(false);
                }}
            />
        </div>
    );
}
