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

@php
    $icons = ['info' => 'info', 'good' => 'check-circle', 'warn' => 'alert', 'alert' => 'alert', 'scripture' => 'scroll'];
    $iconName = $icon ?? ($icons[$tone] ?? 'info');
@endphp

<div {{ $attributes->merge(['class' => 'note note--'.$tone]) }}>
    <x-icon :name="$iconName" class="note__icon" />
    <div>
        @if ($title)
            <div class="note__title">{{ $title }}</div>
        @endif
        <div>{{ $slot }}</div>
    </div>
</div>