import { useTranslation } from 'react-i18next';
import { CustomBreadcrumbs } from 'src/components/custom-breadcrumbs';
import { DashboardContent } from 'src/layouts/dashboard';
import { paths } from 'src/routes/paths';
import { PartyUserNewEditForm } from '../party-user-new-edit-form';

// ----------------------------------------------------------------------

export function UserCreateView() {
  const { t } = useTranslation();

  return (
    <DashboardContent>
      <CustomBreadcrumbs
        heading={t('Create a new party user')}
        links={[
          //
          { name: t('Dashboard'), href: paths.dashboard.root },
          { name: t('Party User'), href: paths.dashboard.user.root },
          { name: t('New') },
        ]}
        sx={{ mb: { xs: 3, md: 5 } }}
      />

      <PartyUserNewEditForm />
    </DashboardContent>
  );
}
