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

<div class="sidebar-widget">
    @if ($title)
        <div class="sidebar-widget-header">
            @if ($icon)
                <div class="w-5 h-5 text-[var(--color-primary)]">
                    {!! $icon !!}
                </div>
            @endif
            <h3 class="sidebar-widget-title">{{ $title }}</h3>
        </div>
    @endif

    <div class="sidebar-widget-content">
        {{ $slot }}
    </div>
</div>