first commit

Made-with: Cursor

frontend/src/components/ClaimDenialCard.tsx

@@ -0,0 +1,24 @@
+import type { DenialState } from "../hooks/useClaimFlow";
+
+interface ClaimDenialCardProps {
+  denial: DenialState;
+  onDismiss?: () => void;
+}
+
+export function ClaimDenialCard({ denial, onDismiss }: ClaimDenialCardProps) {
+  return (
+    <div className="claim-denial-card">
+      <p className="claim-denial-message">{denial.message}</p>
+      {denial.next_eligible_at != null && (
+        <p className="claim-denial-next">
+          Next eligible: {new Date(denial.next_eligible_at * 1000).toLocaleString()}
+        </p>
+      )}
+      {onDismiss && (
+        <button type="button" className="btn-secondary claim-denial-dismiss" onClick={onDismiss}>
+          Dismiss
+        </button>
+      )}
+    </div>
+  );
+}