import React from 'react';
import AdminLayout from "@/Layouts/AdminLayout.jsx";
import { Head, Link, usePage } from "@inertiajs/react";
import DataTable from "@/Pages/Admin/Instruktur/Partials/DataTable.jsx";
import { PageProps } from '@/types';
import { Card } from '@/Components/ui/card';
import { Button } from '@/Components/ui/button';
import { Plus, PlusCircle } from 'lucide-react';
export default function Index() {
const user = usePage<PageProps>().props.auth.user;
return (
<AdminLayout user={user}>
<Head title="Instruktur" />
<div className="flex items-center justify-between mb-2">
<h1 className="text-lg font-bold md:text-2xl">Instruktur</h1>
<Link href={route('admin.instruktur.create')}><Button><PlusCircle/> Tambah Instruktur</Button></Link>
</div>
<Card>
<div className="flex-1 m-5">
<DataTable />
</div>
</Card>
</AdminLayout>
)
}
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]