import { Head, usePage } from '@inertiajs/react'; import { Server } from '@/types/server'; import { PaginatedData } from '@/types'; import { FirewallRule } from '@/types/firewall'; import ServerLayout from '@/layouts/server/layout'; import HeaderContainer from '@/components/header-container'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { PlusIcon } from 'lucide-react'; import Container from '@/components/container'; import { DataTable } from '@/components/data-table'; import { columns } from '@/pages/firewall/components/columns'; import RuleForm from '@/pages/firewall/components/form'; export default function Firewall() { const page = usePage<{ server: Server; rules: PaginatedData; }>(); return (

); }