import { Box, Button, DefaultErrorMessage, ProgressCircle, } from "@prismicio/editor-ui"; import type { CustomTypeFormat } from "@slicemachine/manager"; import Head from "next/head"; import { type FC, Suspense, useState } from "react"; import { BreadcrumbItem } from "@/components/Breadcrumb"; import { CUSTOM_TYPES_MESSAGES } from "@/features/customTypes/customTypesMessages"; import { DefaultErrorBoundary } from "@/features/errorBoundaries"; import { AppLayout, AppLayoutActions, AppLayoutBreadcrumb, AppLayoutContent, AppLayoutHeader, } from "@/legacy/components/AppLayout"; import { CreateCustomTypeModal } from "@/legacy/components/Forms/CreateCustomTypeModal"; import { CustomTypesTable } from "./CustomTypesTable"; type CustomTypesTablePageProps = { format: CustomTypeFormat; }; export const CustomTypesTablePage: FC = ({ format, }) => { const customTypesMessages = CUSTOM_TYPES_MESSAGES[format]; const [isCreatingCustomType, setIsCreatingCustomType] = useState(false); const [isCreateCustomTypeModalOpen, setIsCreateCustomTypeModalOpen] = useState(false); return ( <> {customTypesMessages.name({ start: true, plural: true })} - Slice Machine ( )} > {customTypesMessages.name({ start: true, plural: true })} } > {customTypesMessages.name({ start: true, plural: true })} { setIsCreateCustomTypeModalOpen(true); }} /> ); };