import React, { FC, ReactNode } from 'react';
declare enum ThumbnailSizes {
    XS = "XS",
    S = "S",
    M = "M",
    L = "L",
    XL = "XL"
}
declare type fitType = 'contain' | 'cover' | 'fill' | 'none';
export interface ThumbnailPropsStrict {
    /** Image source path */
    src: string;
    /** Alternate text for image */
    alt?: string;
    /**  Controls the width and height of thumbnail */
    size?: ThumbnailSizes;
    /** Adds one or more classNames for thumbnail */
    className?: string;
    /** Adds padding from all sides */
    padding?: 'none' | 'thin';
    /** Set how image should be resized to fit it's border */
    fit?: fitType;
    /** What happens when user clicks the thumbnail */
    onClick?: (e: React.SyntheticEvent<HTMLElement>) => void;
    /** Adds transparent layer and will set given ReactNode over thumbnail  */
    overlay?: ReactNode;
}
export interface ThumbnailProps extends ThumbnailPropsStrict {
    [propName: string]: any;
}
export interface Thumbnail extends FC<ThumbnailProps> {
    Sizes: typeof ThumbnailSizes;
}
export declare const Thumbnail: Thumbnail;
export {};