import type { ProductMedia } from "../Commerce/commerceTypes";
type MediaThumbProps = {
    media: ProductMedia;
    label: string;
    selected: boolean;
    onSelect: () => void;
    width: number;
    height: number;
    /** Ring colours: `gap` separates the ring from the photo, `ink` is the selection mark. */
    ring: {
        gap: string;
        ink: string;
    };
    surface?: string;
};
/** Selectable thumbnail: ring and full opacity when current, `aria-current` for assistive tech. */
declare const MediaThumb: ({ media, label, selected, onSelect, width, height, ring, surface }: MediaThumbProps) => import("react/jsx-runtime").JSX.Element;
export default MediaThumb;