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.
15 lines
396 B
TypeScript
15 lines
396 B
TypeScript
// 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>
|
|
);
|
|
}
|