// frontend/components/notify/WhyChip.tsx — 분류 이유 칩 (tone 색)
"use client";

export function WhyChip({ why, tone }: { why: string; tone: string }) {
  const t = tone === "muted" ? "var(--muted)" : `var(--${tone})`;
  return (
    <span
      className="nt-why"
      style={{ color: t, background: `color-mix(in oklab, ${t} 13%, transparent)` }}
    >
      {why}
    </span>
  );
}