@props(['width' => 'w-auto', 'height' => 'h-auto', 'labels' => null, 'datasets' => null])

<div class="{{ $width }} {{ $height }}">
    <x-base.chart
        id="report-line-chart"
        data-chart-data="{{ json_encode([
            'labels' => $labels,
            'datasets' => $datasets
        ]) }}"
        {{ $attributes->merge($attributes->whereDoesntStartWith('class')->getAttributes()) }}
    >
    </x-base.chart>
</div>

@pushOnce('scripts')
    @vite('resources/js/utils/colors.js')
    @vite('resources/js/components/report-line-chart.js')
@endPushOnce