import Link from "next/link";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import SimpleTypeSafetyTest from "./simple-test";

export default function TypeSafetyTestPage() {
  return (
    <div className="container mx-auto space-y-6 p-6">
      {/* 테스트 네비게이션 */}
      <Card>
        <CardHeader>
          <CardTitle className="text-2xl">🧪 타입 안전성 테스트 센터</CardTitle>
        </CardHeader>
        <CardContent className="space-y-4">
          <p className="text-muted-foreground">
            화면관리, 제어관리, 테이블타입관리 시스템의 타입 안전성을 다양한 방법으로 검증합니다.
          </p>

          <div className="flex flex-wrap gap-4">
            <Button variant="outline" className="h-auto flex-col p-4" asChild>
              <div>
                <div className="mb-2 text-lg">🧪 기본 테스트</div>
                <div className="text-muted-foreground text-sm">핵심 타입 안전성 검증</div>
              </div>
            </Button>

            <Button variant="outline" className="h-auto flex-col p-4" asChild>
              <Link href="/test-type-safety/stress-test">
                <div className="mb-2 text-lg">🔥 스트레스 테스트</div>
                <div className="text-muted-foreground text-sm">극한 상황 성능 검증</div>
              </Link>
            </Button>
          </div>
        </CardContent>
      </Card>

      {/* 기본 테스트 실행 */}
      <SimpleTypeSafetyTest />
    </div>
  );
}
