You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
722 B
TypeScript
29 lines
722 B
TypeScript
// 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>
|
|
);
|
|
}
|