25 lines
565 B
TypeScript
25 lines
565 B
TypeScript
import { type AuthNotice } from "@/lib/auth/messages";
|
|
|
|
type AuthNoticeProps = {
|
|
notice: AuthNotice | null;
|
|
};
|
|
|
|
const toneStyles = {
|
|
error: "border-rose-200 bg-rose-50 text-rose-900",
|
|
success: "border-emerald-200 bg-emerald-50 text-emerald-900",
|
|
info: "border-sky-200 bg-sky-50 text-sky-900",
|
|
};
|
|
|
|
export function AuthNotice({ notice }: AuthNoticeProps) {
|
|
if (!notice) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className={`mb-5 rounded-2xl border px-4 py-3 text-sm leading-7 ${toneStyles[notice.tone]}`}
|
|
>
|
|
{notice.text}
|
|
</div>
|
|
);
|
|
}
|