web/components/blocks/Skeleton/LineSkeleton.tsx
import { concat } from '@/lib/helpers';
export interface LineSkeletonProps {
className?: string;
}
export function LineSkeleton({ className }: LineSkeletonProps) {
return (
<div role="status" className={concat(className, 'w-full animate-pulse motion-reduce:animate-none')}>
<div className="h-2.5 bg-gray-200 rounded-full"></div>
<span className="sr-only">Loading...</span>
</div>
);
}