import { defineComponent, h } from 'vue';
import useSpinner, { spinnerProps } from '../utils/use-spinner.js';
const svg = [
    h('g', {
        transform: 'matrix(1 0 0 -1 0 80)',
    }, [
        h('rect', {
            width: '10',
            height: '20',
            rx: '3',
        }, [
            h('animate', {
                attributeName: 'height',
                begin: '0s',
                dur: '4.3s',
                values: '20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20',
                calcMode: 'linear',
                repeatCount: 'indefinite',
            }),
        ]),
        h('rect', {
            x: '15',
            width: '10',
            height: '80',
            rx: '3',
        }, [
            h('animate', {
                attributeName: 'height',
                begin: '0s',
                dur: '2s',
                values: '80;55;33;5;75;23;73;33;12;14;60;80',
                calcMode: 'linear',
                repeatCount: 'indefinite',
            }),
        ]),
        h('rect', {
            x: '30',
            width: '10',
            height: '50',
            rx: '3',
        }, [
            h('animate', {
                attributeName: 'height',
                begin: '0s',
                dur: '1.4s',
                values: '50;34;78;23;56;23;34;76;80;54;21;50',
                calcMode: 'linear',
                repeatCount: 'indefinite',
            }),
        ]),
        h('rect', {
            x: '45',
            width: '10',
            height: '30',
            rx: '3',
        }, [
            h('animate', {
                attributeName: 'height',
                begin: '0s',
                dur: '2s',
                values: '30;45;13;80;56;72;45;76;34;23;67;30',
                calcMode: 'linear',
                repeatCount: 'indefinite',
            }),
        ]),
    ]),
];
export default defineComponent({
    name: 'VueSpinnerAudio',
    props: spinnerProps,
    setup(props) {
        const { cSize, classes, style } = useSpinner(props);
        return () => h('svg', {
            style: style.value,
            class: classes.value,
            fill: 'currentColor',
            width: cSize.value,
            height: cSize.value,
            viewBox: '0 0 55 80',
            xmlns: 'http://www.w3.org/2000/svg',
        }, svg);
    },
});