import { IGif, IUser } from '@giphy/js-types';
import { h } from 'preact';
export declare const GRID_COLORS: string[];
export declare const getColor: () => string;
export type EventProps = {
    onGifHover?: (gif: IGif, e: Event) => void;
    onGifVisible?: (gif: IGif, e: Event) => void;
    onGifSeen?: (gif: IGif, boundingClientRect: ClientRect | DOMRect) => void;
    onGifClick?: (gif: IGif, e: Event) => void;
    onGifRightClick?: (gif: IGif, e: Event) => void;
    onGifKeyPress?: (gif: IGif, e: Event) => void;
};
export type GifOverlayProps = {
    gif: IGif;
    isHovered: boolean;
};
type GifProps = {
    gif: IGif;
    width: number;
    height?: number;
    backgroundColor?: string;
    className?: string;
    user?: Partial<IUser>;
    hideAttribution?: boolean;
    noLink?: boolean;
    borderRadius?: number;
    tabIndex?: number;
};
export type Props = GifProps & EventProps;
declare const Gif: {
    ({ gif, width, height: forcedHeight, onGifRightClick, className, onGifClick, onGifKeyPress, onGifSeen, onGifVisible, user, backgroundColor, hideAttribution, noLink, borderRadius, tabIndex, }: Props): h.JSX.Element;
    className: string;
    imgClassName: string;
    imgLoadedClassName: string;
};
export default Gif;