import { Form, Head, Link } from '@inertiajs/react';
import { useState } from 'react';
import RoleController from '@/actions/App/Http/Controllers/Admin/RoleController';
import Heading from '@/components/heading';
import InputError from '@/components/input-error';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { dashboard } from '@/routes';
import { create, index } from '@/routes/admin/roles';
import {
PermissionGroupsPicker,
type PermissionGroup,
} from './permission-groups-picker';
export default function RolesCreate({
permissions,
}: {
permissions: PermissionGroup[];
}) {
const [selected, setSelected] = useState([]);
return (
<>
);
}
RolesCreate.layout = {
breadcrumbs: [
{ title: 'Tableau de bord', href: dashboard() },
{ title: 'Rôles', href: index() },
{ title: 'Créer', href: create() },
],
};