File size: 778 Bytes
f2e9a59 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | import { FC } from 'react';
import { clsx } from 'clsx';
import { hasExtension } from '@gitroom/helpers/utils/has.extension';
export const VideoOrImage: FC<{
src: string;
autoplay: boolean;
isContain?: boolean;
imageClassName?: string;
videoClassName?: string;
}> = (props) => {
const { src, autoplay, isContain, imageClassName, videoClassName } = props;
if (hasExtension(src, 'mp4')) {
return (
<video
src={src}
autoPlay={autoplay}
className={clsx('w-full h-full', videoClassName)}
muted={true}
loop={true}
/>
);
}
return (
<img
className={clsx(
isContain ? 'object-contain' : 'object-cover',
'w-full h-full',
imageClassName
)}
src={src}
/>
);
};
|