"use client"

export function StatCardSkeleton() {
  return (
    <div className="col-span-full flex flex-col items-center justify-center py-20">
      <p className="text-[#444444] dark:text-[#AAAAAA] text-sm">
        Loading your data...
      </p>
      <div className="w-48 h-1 rounded-full overflow-hidden bg-[#E0E0E0] dark:bg-[#222222] mt-4">
        <div className="w-full h-full rounded-full bg-sidebar animate-[loading_1.5s_ease-in-out_infinite]" />
      </div>
    </div>
  )
}