@props([
    'class' => '',
])

<div
    {{ $attributes->merge(['class' => 'email-verification-banner w-full '.$class]) }}
    role="alert"
>
    <div class="email-verification-banner__content">
        <x-platform.lucide-icon name="mail" class="email-verification-banner__icon h-5 w-5 shrink-0" />
        <p class="email-verification-banner__text">
            {{ __('auth.email_unverified_notice') }}
        </p>
    </div>
    <a href="{{ route('personal-info.email-verify') }}" class="email-verification-banner__action">
        {{ __('auth.email_unverified_action') }}
    </a>
</div>