import { jsx } from "react/jsx-runtime";
import { FormLayout } from "@tego/client";
import { useTranslation } from "react-i18next";
import { SchemaComponent, SchemaComponentOptions } from "../../../core/index.mjs";
const AddTabForm = (props)=>{
    const { options } = props;
    const { t } = useTranslation();
    return /*#__PURE__*/ jsx(SchemaComponentOptions, {
        scope: options.scope,
        components: {
            ...options.components
        },
        children: /*#__PURE__*/ jsx(FormLayout, {
            layout: 'vertical',
            children: /*#__PURE__*/ jsx(SchemaComponent, {
                schema: {
                    properties: {
                        title: {
                            title: t('Tab name'),
                            'x-component': 'Input',
                            'x-decorator': 'FormItem',
                            required: true
                        },
                        icon: {
                            title: t('Icon'),
                            'x-component': 'IconPicker',
                            'x-decorator': 'FormItem'
                        }
                    }
                }
            })
        })
    });
};
export { AddTabForm };
