// frontend/components/proactive/ProactiveBanner.tsx — 대시보드 상단 능동 카드 묶음
"use client";
import type { ProactiveCard as ProactiveCardT } from "@/lib/types";
import { ProactiveCard } from "./ProactiveCard";

export function ProactiveBanner({
  cards,
  onAccept,
  onDismiss,
}: {
  cards: ProactiveCardT[];
  onAccept: (id: string) => void;
  onDismiss: (id: string) => void;
}) {
  if (!cards.length) return null;
  return (
    <div
      className="proactive"
      role="region"
      aria-live="polite"
      aria-label="아리의 선제 제안"
    >
      {cards.map((c) => (
        <ProactiveCard key={c.id} card={c} onAccept={onAccept} onDismiss={onDismiss} />
      ))}
    </div>
  );
}