import { Construction } from "lucide-react";

import { Card, CardContent, CardHeader, CardTitle } from "@ump/shared";

/**
 * Placeholder for applicant sidebar targets whose feature pages have not been
 * migrated into frontend_user yet (initiative draft, profile, notifications, …).
 * Styled with the shared design tokens so the shell looks complete and nothing 404s.
 */
export function ComingSoonPage() {
  return (
    <div className="flex min-h-[60vh] items-center justify-center">
      <Card className="w-full max-w-md text-center">
        <CardHeader>
          <div className="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-muted">
            <Construction className="h-6 w-6 text-muted-foreground" />
          </div>
          <CardTitle className="font-serif">Tính năng đang phát triển</CardTitle>
        </CardHeader>
        <CardContent>
          <p className="text-sm text-muted-foreground">
            Chức năng này sẽ sớm được hoàn thiện. Vui lòng quay lại sau.
          </p>
        </CardContent>
      </Card>
    </div>
  );
}