// Loading animation
const shimmer =
'before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/60 before:to-transparent';
export function CardSkeleton() {
return (
);
}
export function CardsSkeleton() {
return (
<>
);
}
export function RevenueChartSkeleton() {
return (
);
}
export function InvoiceSkeleton() {
return (
);
}
export function LatestInvoicesSkeleton() {
return (
);
}
export default function DashboardSkeleton() {
return (
<>
);
}
export function TableRowSkeleton() {
return (
{/* Customer Name and Image */}
|
|
{/* Email */}
|
{/* Amount */}
|
{/* Date */}
|
{/* Status */}
|
{/* Actions */}
|
);
}
export function InvoicesMobileSkeleton() {
return (
);
}
export function InvoicesTableSkeleton() {
return (
|
Customer
|
Email
|
Amount
|
Date
|
Status
|
Edit
|
);
}