import React from "react";

export const BarSkeleton = () => {
    return (
        <div className="onvo-flex onvo-items-end onvo-space-x-3 onvo-w-full onvo-flex-grow onvo-h-full" >
            <div className="onvo-w-1/6 onvo-h-1/5 onvo-bg-black/10 dark:onvo-bg-white/10 onvo-rounded"></div>
            <div className="onvo-w-1/6 onvo-h-2/5 onvo-bg-black/10 dark:onvo-bg-white/10 onvo-rounded"></div>
            <div className="onvo-w-1/6 onvo-h-3/5 onvo-bg-black/10 dark:onvo-bg-white/10 onvo-rounded"></div>
            <div className="onvo-w-1/6 onvo-h-4/5 onvo-bg-black/10 dark:onvo-bg-white/10 onvo-rounded"></div>
            <div className="onvo-w-1/6 onvo-h-3/4 onvo-bg-black/10 dark:onvo-bg-white/10 onvo-rounded"></div>
            <div className="onvo-w-1/6 onvo-h-full onvo-bg-black/10 dark:onvo-bg-white/10 onvo-rounded"></div>
        </div>
    );
}
