import type { ReactElement } from 'react';
import { Skeleton } from '../ui/skeleton.js';
/**
* Generic page loading skeleton
* Displayed during route transitions
*/
export function PageSkeleton(): ReactElement {
return (
{/* Page title */}
{/* Button/filter */}
{/* Main content area */}
);
}
/**
* Table loading skeleton
*/
export function TableSkeleton(): ReactElement {
return (
{/* Header */}
{Array.from({ length: 8 }).map((_, i) => (
))}
);
}
/**
* Report loading skeleton
*/
export function ReportSkeleton(): ReactElement {
return (
{/* Report title */}
{/* Date filter */}
{/* Export button */}
{/* Report content */}
);
}