@props(['type' => 'note', 'title' => null])

@php
    [$icon, $color, $defaultTitle] = match ($type) {
        'tip' => ['lightbulb-fill', '#15803d', 'Tip'],
        'warn' => ['exclamation-triangle-fill', '#b45309', 'Important'],
        'danger' => ['exclamation-octagon-fill', '#b91c1c', 'Caution'],
        default => ['info-circle-fill', '#1d4ed8', 'Note'],
    };
@endphp

<div class="gd-callout {{ $type }}">
    <div class="gd-callout-title">@gi($icon, $color) {{ $title ?? $defaultTitle }}</div>
    {{ $slot }}
</div>