@props([
    'title' => 'Chart',
    'canvasId' => null,
    'height' => '280',
])

@php
    $canvasId = $canvasId ?? 'chart-' . uniqid();
@endphp

<div {{ $attributes->merge(['class' => 'bv-chart-card']) }}>
    <div class="d-flex align-items-center justify-content-between mb-3">
        <h4 class="h6 mb-0 fw-semibold">{{ $title }}</h4>
        @isset($actions)
            <div>{{ $actions }}</div>
        @endisset
    </div>
    <div class="bv-chart-card__canvas bv-chart-card__canvas--{{ $height }}">
        <canvas id="{{ $canvasId }}"></canvas>
    </div>
    @isset($script)
        @push('scripts')
            {{ $script }}
        @endpush
    @endisset
    {{ $slot }}
</div>