+import type { ReactNode } from "react";

+

+type ToastVariant = "info" | "success" | "danger" | "warning";

+

+const ACCENT_CLASSES: Record<ToastVariant, string> = {

+  info: "border-l-primary",

+  success: "border-l-success",

+  danger: "border-l-danger",

+  warning: "border-l-warning",

+};

+

+interface ToastProps {

+  variant?: ToastVariant;

+  children: ReactNode;

+}

+

+/**

+ * 알림 비주얼(토스트 1개). 위치·스택·표시 타이머는 호출부(feature) 책임 —

+ * 이 컴포넌트는 상태를 가지지 않는다.

+ */

+export function Toast({ variant = "info", children }: ToastProps) {

+  return (

+    <div

+      role="status"

+      className={`animate-toast-in rounded-lg border-l-4 bg-surface px-4 py-3 text-body-md text-foreground shadow-toast ${ACCENT_CLASSES[variant]}`}

+    >

+      {children}

+    </div>

+  );

+}