import AuthenticatedLayout from '@/layouts/AuthenticatedLayout';
import MaterialForm from '@/components/MaterialForm';
import type { PageProps } from '@/types';

interface Props extends PageProps {
    classes: Array<{ id: number; name: string }>;
    subjects: Array<{ id: number; name: string }>;
    errors: Record<string, string>;
}

export default function MateriCreate({ classes, subjects, errors }: Props) {
    return <MaterialForm classes={classes} subjects={subjects} errors={errors} />;
}

MateriCreate.layout = (page: React.ReactNode) => (
    <AuthenticatedLayout title="Buat Materi Pelajaran" backHref="/materials">
        {page}
    </AuthenticatedLayout>
);