You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
20 lines
540 B
20 lines
540 B
import {
|
|
FormControlError,
|
|
FormControlErrorIcon,
|
|
FormControlErrorText,
|
|
} from "../ui/form-control";
|
|
import { AlertCircleIcon } from "../ui/icon";
|
|
|
|
type props = { text: string };
|
|
|
|
export default function FormError({ text }: props) {
|
|
return (
|
|
<FormControlError className="mb-2 border-[1px] border-red-500 p-4 rounded-3xl bg-red-100 gap-2">
|
|
<FormControlErrorIcon as={AlertCircleIcon} />
|
|
<FormControlErrorText className="text-black font-bold">
|
|
{text}
|
|
</FormControlErrorText>
|
|
</FormControlError>
|
|
);
|
|
}
|