20 lines
388 B
TypeScript
20 lines
388 B
TypeScript
import { TriangleAlert } from 'lucide-react'
|
|
|
|
type Props = {
|
|
message?: string
|
|
}
|
|
|
|
const FormError = ({ message }: Props) => {
|
|
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
|