19 lines
400 B
TypeScript
19 lines
400 B
TypeScript
import { TriangleAlert } from 'lucide-react'
|
|
|
|
type FormErrorProps = {
|
|
message?: string
|
|
}
|
|
|
|
const FormError = ({ message }: FormErrorProps) => {
|
|
if (!message) return null
|
|
|
|
return (
|
|
<div className="bg-destructive/15 p-3 rounded-md flex items-center gap-x-2 text-sm text-destructive">
|
|
<TriangleAlert className="w-4 h-4"/>
|
|
<p>{message}</p>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FormError
|