INit

resources/js/components/input-error.tsx

@@ -0,0 +1,17 @@
+import { cn } from '@/lib/utils';
+import { type HTMLAttributes } from 'react';
+
+export default function InputError({
+    message,
+    className = '',
+    ...props
+}: HTMLAttributes<HTMLParagraphElement> & { message?: string }) {
+    return message ? (
+        <p
+            {...props}
+            className={cn('text-sm text-red-600 dark:text-red-400', className)}
+        >
+            {message}
+        </p>
+    ) : null;
+}