import { useNavigate } from "react-router-dom";

import { StatusPage } from "../../../presentation/design-system/index.js";

export default function ReferenceResourceStatusPage() {
  const navigate = useNavigate();

  return (
    <StatusPage
      variant="maintenance"
      heading={{
        eyebrow: "StatusPage · maintenance",
        title: "잠시 사용할 수 없습니다.",
        description:
          "도메인 데이터나 raw 오류를 노출하지 않는 중립적인 상태 페이지 예시입니다.",
      }}
      primaryAction={{
        kind: "button",
        label: "목록으로 이동",
        onAction: () => navigate("/examples/reference-resources"),
      }}
      supportReference="REFERENCE-STATUS-DEMO"
    />
  );
}