added mail service

components/FormError.tsx

@@ -0,0 +1,19 @@
+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