import * as React from 'react';
import { Avatar as BaseAvatar } from '@base-ui/react/avatar';
import { type VariantProps } from 'class-variance-authority';
declare const thumbnailVariants: (props?: ({
    size?: "sm" | "md" | "lg" | "2xs" | "xs" | "xl" | "2xl" | null | undefined;
    shape?: "circle" | "rounded" | null | undefined;
    variant?: "image" | "icon-soft" | "icon-outline" | "icon-primary" | "icon-primary-outline" | "icon-secondary" | "icon-error" | "icon-success" | "icon-warning" | "icon-info" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type ThumbnailPresetSize = NonNullable<VariantProps<typeof thumbnailVariants>['size']>;
type ThumbnailShape = NonNullable<VariantProps<typeof thumbnailVariants>['shape']>;
type ThumbnailVariant = NonNullable<VariantProps<typeof thumbnailVariants>['variant']>;
type BaseImageProps = React.ComponentProps<typeof BaseAvatar.Image>;
interface ThumbnailProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'size' | 'children'> {
    /**
     * Image tile, or a colored icon tile.
     * @default 'image'
     */
    variant?: ThumbnailVariant;
    /**
     * Rounded square or full circle.
     * @default 'rounded'
     */
    shape?: ThumbnailShape;
    /**
     * A preset scale, or a pixel number for an exact size.
     * @default 'md'
     */
    size?: ThumbnailPresetSize | number;
    /** Image URL (image variant). Lifted from `render` when omitted. */
    src?: string;
    /**
     * Alternative text describing the image. Defaults to `""` (decorative) when omitted.
     * @default ''
     */
    alt?: string;
    /** Swap the `<img>` for another element - e.g. a Next.js `<Image>`. */
    render?: BaseImageProps['render'];
    /** Fires as the image moves through its loading lifecycle. */
    onLoadingStatusChange?: BaseImageProps['onLoadingStatusChange'];
    /** The icon to frame (icon variants). */
    children?: React.ReactNode;
}
declare function Thumbnail({ className, style, variant, shape, size, src, alt, render, onLoadingStatusChange, children, ...props }: ThumbnailProps): React.JSX.Element;
export { Thumbnail };
export type { ThumbnailProps };
//# sourceMappingURL=thumbnail.d.ts.map