"use client";

import { TriangleAlert } from "lucide-react";
import { Button } from "@/components/atoms/button";

interface InternetIneligibleStateProps {
  rejectionNotes?: string | null | undefined;
}

/**
 * Displays the ineligible state when NTT service is not available at user's address.
 */
export function InternetIneligibleState({ rejectionNotes }: InternetIneligibleStateProps) {
  return (
    <div className="bg-warning/5 border border-warning/20 rounded-xl p-6 text-center">
      <TriangleAlert className="h-12 w-12 text-warning mx-auto mb-4" />
      <h2 className="text-lg font-semibold text-foreground mb-2">Service not available</h2>
      <p className="text-sm text-muted-foreground mb-4 max-w-md mx-auto">
        {rejectionNotes ||
          "Our review determined that NTT fiber service isn't available at your address."}
      </p>
      <Button as="a" href="/account/support/new" variant="outline">
        Contact support
      </Button>
    </div>
  );
}
