import { DrawerFormLayout } from '@nocobase/client-v2';
import { Form, Input } from 'antd';

ctx.viewer.drawer({
  width: '50%',
  closable: true,
  content: () => (
    <DrawerFormLayout
      title={t('Add provider')}
      submitText={t('Submit')}
      cancelText={t('Cancel')}
      onSubmit={async () => {
        const values = await form.validateFields();
        await ctx.api.resource('providers').create({ values });
      }}
    >
      <Form form={form} layout="vertical">
        <Form.Item name="name" label={t('Name')} rules={[{ required: true }]}>
          <Input />
        </Form.Item>
      </Form>
    </DrawerFormLayout>
  ),
});