import { Head, usePage } from '@inertiajs/react'; import { Server } from '@/types/server'; import ServerLayout from '@/layouts/server/layout'; import HeaderContainer from '@/components/header-container'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { BookOpenIcon } from 'lucide-react'; import Container from '@/components/container'; import Filter from '@/pages/monitoring/components/filter'; import { useState } from 'react'; import { MetricsFilter } from '@/types/metric'; import MetricsCards from '@/pages/monitoring/components/metrics-cards'; export default function Show() { const page = usePage<{ server: Server; metric: string; }>(); const [filter, setFilter] = useState(); return ( ); }