@props([
    'tone' => 'info',
    'title' => null,
])

<div {{ $attributes->class(['ui-alert', 'ui-alert--'.$tone]) }} role="{{ $tone === 'error' ? 'alert' : 'status' }}">
    @if ($title)<strong class="ui-alert-title">{{ $title }}</strong>@endif
    <div>{{ $slot }}</div>
</div>