import React from "react";
const Loading = React.forwardRef<
    SVGSVGElement,
    {fillColor?: string; height?: number; width?: number; className?: string}
>(
    (
        {width = 24, height = 16, fillColor = "#FBD20F", className, ...rest},
        ref
    ) => {
        return (
            <svg width="32" height="24" viewBox="0 0 135 140" fill={fillColor}>
                <rect y="10" width="15" height="120" rx="6">
                    <animate
                        attributeName="height"
                        begin="0.5s"
                        dur="1s"
                        values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                    <animate
                        attributeName="y"
                        begin="0.5s"
                        dur="1s"
                        values="10;15;20;25;30;35;40;45;50;0;10"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                </rect>
                <rect x="30" y="10" width="15" height="120" rx="6">
                    <animate
                        attributeName="height"
                        begin="0.25s"
                        dur="1s"
                        values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                    <animate
                        attributeName="y"
                        begin="0.25s"
                        dur="1s"
                        values="10;15;20;25;30;35;40;45;50;0;10"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                </rect>
                <rect x="60" width="15" height="140" rx="6">
                    <animate
                        attributeName="height"
                        begin="0s"
                        dur="1s"
                        values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                    <animate
                        attributeName="y"
                        begin="0s"
                        dur="1s"
                        values="10;15;20;25;30;35;40;45;50;0;10"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                </rect>
                <rect x="90" y="10" width="15" height="120" rx="6">
                    <animate
                        attributeName="height"
                        begin="0.25s"
                        dur="1s"
                        values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                    <animate
                        attributeName="y"
                        begin="0.25s"
                        dur="1s"
                        values="10;15;20;25;30;35;40;45;50;0;10"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                </rect>
                <rect x="120" y="10" width="15" height="120" rx="6">
                    <animate
                        attributeName="height"
                        begin="0.5s"
                        dur="1s"
                        values="120;110;100;90;80;70;60;50;40;140;120"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                    <animate
                        attributeName="y"
                        begin="0.5s"
                        dur="1s"
                        values="10;15;20;25;30;35;40;45;50;0;10"
                        calcMode="linear"
                        repeatCount="indefinite"
                    ></animate>
                </rect>
            </svg>
        );
    }
);
export default Loading;