Thanh Quy - wolf
33 lines
767 B
TypeScript
33 lines
767 B
TypeScript
import { ErrorMessageLoginProps } from "./Error.types";
|
|
|
|
export default function ErrorMessageLogin({
|
|
message,
|
|
type = "primary",
|
|
}: ErrorMessageLoginProps) {
|
|
function primaryType() {
|
|
return (
|
|
<div
|
|
className={
|
|
"mb-4 flex items-center gap-2 rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600"
|
|
}
|
|
>
|
|
<i className={"fa-solid fa-circle-exclamation"}></i>
|
|
<span>{message}</span>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function secondaryType() {
|
|
return (
|
|
<p className="mt-1.5 flex items-center gap-1 text-xs text-red-500">
|
|
<i className="fa-solid fa-circle-exclamation"></i>
|
|
{message}
|
|
</p>
|
|
);
|
|
}
|
|
|
|
return (
|
|
type === "primary" ? primaryType() : secondaryType()
|
|
);
|
|
}
|