@props([
    'name' => null,
    'message' => null,
])

@php
$message ??= $name ? $errors->first($name) : null;

$classes = Flux::classes('mt-3 text-sm font-medium text-red-500 dark:text-red-400')
    ->add($message ? '' : 'hidden');
@endphp

<div role="alert" aria-live="polite" aria-atomic="true" {{ $attributes->class($classes) }} data-flux-error>
    </div>