import { EmptyState } from '@/components/ui/feedback/EmptyState';
import { Page404 } from '@/components/ui/feedback/EmptyState/illustrations/Page404';
import { Button } from '@/components/ui/primitives/Button';

interface Props {
  title: string;
  body: string;
  cta: string;
}

export function SystemPage404({ title, body, cta }: Props) {
  return (
    <main id="main" className="flex min-h-[60dvh] items-center justify-center px-4 py-16">
      <EmptyState
        illustration={<Page404 />}
        title={title}
        titleLevel={1}
        description={body}
        action={
          <Button asChild variant="primary" size="md">
            <a href="/">{cta}</a>
          </Button>
        }
      />
    </main>
  );
}