
import { FieldDescription, FieldGroup, FieldLegend, FieldSet } from '@repo/shadcn-ui/components';
import { ComponentProps } from 'react';
import { useTranslation } from '../../i18n';
import { ItemsEditor } from "./items";


export const InvoiceItems = (props: ComponentProps<"fieldset">) => {
  const { t } = useTranslation();

  return (
    <FieldSet {...props}>
      <FieldLegend className='hidden text-foreground' variant='label'>
        {t('form_groups.items.title')}
      </FieldLegend>
      <FieldDescription className='hidden'>{t("form_groups.items.description")}</FieldDescription>

      <FieldGroup className='grid grid-cols-1'>
        <ItemsEditor />
      </FieldGroup>

    </FieldSet>

  );
};
