<div>
    @if ($item instanceof \App\Support\OfficialNews\OfficialNewsItem)
        <div
            wire:key="official-news-critical-{{ $item->id }}"
            class="fi-admin-official-news-banner"
            role="status"
        >
            <div class="fi-admin-official-news-banner__body">
                <x-filament::badge color="danger" size="sm">
                    {{ __('dberp.official_news.levels.critical') }}
                </x-filament::badge>
                <p class="fi-admin-official-news-banner__title">{{ $item->title }}</p>
            </div>

            <div class="fi-admin-official-news-banner__actions">
                <x-filament::button
                    tag="a"
                    :href="$item->url"
                    target="_blank"
                    rel="noopener noreferrer"
                    color="danger"
                    size="sm"
                    wire:click="markAsRead({{ $item->id }})"
                >
                    {{ __('dberp.official_news.actions.view_detail') }}
                </x-filament::button>

                <x-filament::button
                    wire:click="markAsRead({{ $item->id }})"
                    color="gray"
                    size="sm"
                    outlined
                >
                    {{ __('dberp.official_news.actions.dismiss') }}
                </x-filament::button>
            </div>
        </div>
    @endif
</div>
