react-starter-kit/resources/js/common/InputError.tsx

import { type HTMLAttributes } from 'react';

import { cn } from '@/common/helpers/cn';

export 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;
}