You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Koito/client/app/components/skeletons/TopListSkeleton.tsx

20 lines
676 B

interface Props {
numItems: number
}
export default function TopListSkeleton({ numItems }: Props) {
return (
<div className="w-[300px]">
{[...Array(numItems)].map(() => (
<div className="flex items-center gap-2 mb-[4px]">
<div className="w-[40px] h-[40px] bg-(--color-bg-tertiary) rounded"></div>
<div>
<div className="h-[14px] w-[150px] bg-(--color-bg-tertiary) rounded"></div>
<div className="h-[12px] w-[60px] bg-(--color-bg-tertiary) rounded"></div>
</div>
</div>
))}
</div>
)
}