@props(['tipo', 'datos', 'opciones' => [], 'altura' => 220])

<div wire:ignore x-data="{
        chart: null,
        init() {
            this.chart = new Chart(this.$refs.canvas, {
                type: @js($tipo),
                data: @js($datos),
                options: @js($opciones),
            });
        },
     }" x-init="init" style="height: {{ $altura }}px">
    <canvas x-ref="canvas"></canvas>
</div>