import {Link} from 'react-router';

export function NotFoundPage() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center gap-3 bg-muted/30 px-4 text-center">
      <p className="font-mono text-xs text-muted-foreground">404</p>
      <h1 className="text-lg font-semibold">없는 화면입니다</h1>
      <Link
        to="/builder"
        className="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90"
      >
        빌더로 이동
      </Link>
    </div>
  );
}

// 라우트 모듈은 default export 를 요구한다(routes.ts 가 이 파일을 가리킨다).
export default NotFoundPage;