22 lines
595 B
TypeScript
22 lines
595 B
TypeScript
import { useHovering } from 'mastodon/hooks/useHovering';
|
|
import { autoPlayGif } from 'mastodon/initial_state';
|
|
|
|
export const GIF: React.FC<{
|
|
src: string;
|
|
staticSrc: string;
|
|
className: string;
|
|
animate?: boolean;
|
|
}> = ({ src, staticSrc, className, animate = autoPlayGif }) => {
|
|
const { hovering, handleMouseEnter, handleMouseLeave } = useHovering(animate);
|
|
|
|
return (
|
|
<img
|
|
className={className}
|
|
src={hovering || animate ? src : staticSrc}
|
|
alt=''
|
|
role='presentation'
|
|
onMouseEnter={handleMouseEnter}
|
|
onMouseLeave={handleMouseLeave}
|
|
/>
|
|
);
|
|
};
|