import React from "react";
import { Create, useForm } from "@refinedev/antd";
import { Form, Input } from "antd";
import { useTranslation } from "react-i18next";
import { TiptapEditor } from "@cundi/refine-xaf";

export const TiptapTestCreate: React.FC = () => {
    const { t } = useTranslation();
    const { formProps, saveButtonProps } = useForm();

    return (
        <Create saveButtonProps={saveButtonProps}>
            <Form {...formProps} layout="vertical">
                <Form.Item
                    label={t("tiptapTest.name")}
                    name="Name"
                    rules={[{ required: true }]}
                >
                    <Input />
                </Form.Item>
                <Form.Item
                    label={t("tiptapTest.content")}
                    name="Content"
                >
                    <TiptapEditor />
                </Form.Item>
            </Form>
        </Create>
    );
};