import { Link } from 'react-router';

import { Button } from '@/shared/ui/button';

export const NotFoundPage = () => {
  return (
    <main className="flex min-h-dvh flex-col items-center justify-center gap-4 px-6 text-center">
      <h1 className="text-2xl font-semibold tracking-tight">없는 페이지예요</h1>
      <p className="text-sm text-muted-foreground">
        주소가 바뀌었거나 잘못 입력됐을 수 있어요.
      </p>
      <Button asChild variant="outline">
        <Link to="/">첫 화면으로 가기</Link>
      </Button>
    </main>
  );
};