@props([
  'variant' => 'info',
  'icon' => 'bi-info-circle',
  'message' => '',
])

<div {{ $attributes->merge(['class' => "ui-alert ui-alert--{$variant}", 'role' => 'status']) }}>
  <i class="bi {{ $icon }}" aria-hidden="true"></i>
  <div>{{ $message !== '' ? $message : $slot }}</div>
</div>