import { ComponentPropsWithRef, ReactNode } from 'react';
type ButtonAction = Readonly<Omit<ComponentPropsWithRef<'button'>, 'children'> & {
    accessibilityLabel: string;
}>;
export type AssetThumbnailProps = ComponentPropsWithRef<'div'> & {
    image: Readonly<{
        src: string;
        alt?: string;
    }>;
    /**
     * **Render a button that overlays the image**
     *
     * Gives you access to all props/attributes of an HTML button (`onClick`, etc.).
     *
     * `accessibilityLabel` is required (see examples for suggested use).
     * */
    buttonAction?: ButtonAction;
    /** Content slot - opt in to reveal content on hover/focus */
    contentTopLeft?: Readonly<{
        content: ReactNode;
        shouldShowOnHover: boolean;
    }>;
    /** Content slot - opt in to reveal content on hover/focus */
    contentTopRight?: Readonly<{
        content: ReactNode;
        shouldShowOnHover: boolean;
    }>;
    /** Content slot */
    contentBottomLeft?: ReactNode;
    /** Content slot */
    contentBottomRight?: ReactNode;
    /**
     * **Render content below the thumbnail image**
     * (`string` will be styled automatically)
     */
    contentAfter?: ReactNode;
    /** Adds visual state to indicate image is selected */
    isSelected?: boolean;
    /** Adds visual state to indicate thumbnail previews a video */
    isVideo?: boolean;
    /** Size of the thumbnail image */
    size?: 'small' | 'medium' | 'large' | 'auto';
    /** If true, the image will be blurred */
    shouldBlurImage?: boolean;
};
/**
 * - Works with screen readers and keyboard-only navigation
 * - Visual states for selected and video thumbnails
 * - Ability to blur the image
 * - Content slots for top left, top right, bottom left, and bottom right (will switch if html reading direction changes)
 */
export declare function AssetThumbnail({ contentAfter, contentTopLeft, contentTopRight, contentBottomLeft, contentBottomRight, image, isSelected, isVideo, buttonAction, shouldBlurImage, size, ...props }: AssetThumbnailProps): import("react/jsx-runtime").JSX.Element;
export default AssetThumbnail;