import { UserTableWrapper } from '../../styles/ModuleComponents';
import { Skeleton } from '../../styles/Components';

export const TableSkeleton = ({width = '100%', count = 5}) => {
	return (
		<UserTableWrapper>
			{Array.from({ length: count }).map((_, index) => (
				<Skeleton key={index} width={width} height="40px" />
			))}
			{/*<Skeleton width={width} height="40px" />*/}
			{/*<Skeleton width={width} height="40px" />*/}
			{/*<Skeleton width={width} height="40px" />*/}
			{/*<Skeleton width={width} height="40px" />*/}
			{/*<Skeleton width={width} height="40px" />*/}
		</UserTableWrapper>
	)
}

