import { type CSSProperties, type ImgHTMLAttributes, type MouseEvent as ReactMouseEvent, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type InstagramCarouselPostImage = string | {
src: string;
alt?: string;
id?: string | number;
objectPosition?: CSSProperties['objectPosition'];
loading?: ImgHTMLAttributes['loading'];
fetchPriority?: ImgHTMLAttributes['fetchPriority'];
};
export type NormalizedInstagramCarouselPostImage = {
src: string;
alt: string;
id: string;
objectPosition?: CSSProperties['objectPosition'];
loading?: ImgHTMLAttributes['loading'];
fetchPriority?: ImgHTMLAttributes['fetchPriority'];
timelineName: string;
};
export type InstagramCarouselPostProps = {
images?: readonly InstagramCarouselPostImage[];
className?: string;
style?: CSSProperties;
ariaLabel?: string;
carouselLabel?: string;
username?: string;
avatarSrc?: string;
avatarAlt?: string;
verified?: boolean;
likes?: number | string;
caption?: ReactNode;
size?: CssLength;
initialIndex?: number;
showControls?: boolean;
showActions?: boolean;
liked?: boolean;
saved?: boolean;
background?: string;
foreground?: string;
mutedColor?: string;
borderColor?: string;
accentColor?: string;
onSlideChange?: (image: NormalizedInstagramCarouselPostImage, index: number) => void;
onLikeClick?: (event: ReactMouseEvent) => void;
onCommentClick?: (event: ReactMouseEvent) => void;
onShareClick?: (event: ReactMouseEvent) => void;
onSaveClick?: (event: ReactMouseEvent) => void;
};
export declare const InstagramCarouselPost: ({ images, className, style, ariaLabel, carouselLabel, username, avatarSrc, avatarAlt, verified, likes, caption, size, initialIndex, showControls, showActions, liked, saved, background, foreground, mutedColor, borderColor, accentColor, onSlideChange, onLikeClick, onCommentClick, onShareClick, onSaveClick, }: InstagramCarouselPostProps) => import("react/jsx-runtime").JSX.Element;