maher
23 lines
545 B
TypeScript
Executable File
23 lines
545 B
TypeScript
Executable File
import {Skeleton} from '@common/ui/skeleton/skeleton';
|
|
import {MediaPlayIcon} from '@common/icons/media/media-play';
|
|
import React from 'react';
|
|
|
|
interface Props {
|
|
animate?: boolean;
|
|
}
|
|
export function VideoPlayerSkeleton({animate}: Props) {
|
|
return (
|
|
<div className="relative">
|
|
<Skeleton
|
|
variant="rect"
|
|
className="aspect-video"
|
|
animation={animate ? 'pulsate' : null}
|
|
/>
|
|
<MediaPlayIcon
|
|
className="absolute inset-0 m-auto text-fg-base/40"
|
|
size="w-80 h-80"
|
|
/>
|
|
</div>
|
|
);
|
|
}
|