36 lines
853 B
TypeScript
36 lines
853 B
TypeScript
import Link from "next/link";
|
|
|
|
/** Shared clarity banner for dual ticket products (CMS desk vs help-center). */
|
|
export function TicketQueueBanner({
|
|
hint,
|
|
otherHref,
|
|
otherLabel,
|
|
countsLine,
|
|
}: {
|
|
hint: string;
|
|
otherHref: string;
|
|
otherLabel: string;
|
|
/** Optional preformatted open-count summary (locale-aware from caller). */
|
|
countsLine?: string;
|
|
}) {
|
|
return (
|
|
<div
|
|
className="rounded-lg border border-[var(--admin-info-border)] bg-[var(--admin-info-subtle)] px-4 py-3 text-sm"
|
|
role="status"
|
|
>
|
|
<p className="m-0">{hint}</p>
|
|
{countsLine ? (
|
|
<p className="m-0 mt-1 text-muted-foreground">{countsLine}</p>
|
|
) : null}
|
|
<p className="m-0 mt-1">
|
|
<Link
|
|
href={otherHref}
|
|
className="font-medium text-[var(--admin-accent)] underline-offset-2 hover:underline"
|
|
>
|
|
{otherLabel}
|
|
</Link>
|
|
</p>
|
|
</div>
|
|
);
|
|
}
|