@props(['title', 'chartId', 'type' => 'bar', 'height' => '300px'])

<div {{ $attributes->merge(['class' => 'bg-white p-6 rounded-2xl border border-gray-100 shadow-sm']) }}>
    <h3 class="text-lg font-display font-bold text-gray-900 flex items-center gap-3 mb-6">
        <span class="w-2 h-6 bg-royal-blue rounded-full"></span>
        {{ $title }}
    </h3>
    <div style="height: {{ $height }};">
        <canvas id="{{ $chartId }}"></canvas>
    </div>
</div>