opcotech/elemo

View on GitHub
web/components/blocks/Skeleton/LineSkeleton.tsx

Summary

Maintainability
A
0 mins
Test Coverage
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>
  );
}