import { type CSSProperties, type ReactNode } from 'react';
import { type CssLength } from '../../../utils/css';
export type ScrollPovGallerySlide = string | {
    id?: string | number;
    eyebrow?: ReactNode;
    title?: ReactNode;
    description?: ReactNode;
    content?: ReactNode;
    align?: 'start' | 'center' | 'end';
};
export type ScrollPovGallerySegment = {
    path: string;
    scale: number;
    rotate: number;
};
export type ScrollPovGalleryProps = {
    slides?: readonly ScrollPovGallerySlide[];
    segments?: readonly ScrollPovGallerySegment[];
    className?: string;
    style?: CSSProperties;
    ariaLabel?: string;
    imageSrc?: string;
    imageAlt?: string;
    viewBox?: string;
    preserveAspectRatio?: string;
    backgroundColor?: string;
    textColor?: string;
    accentColor?: string;
    frameWidth?: CssLength;
    frameHeight?: CssLength;
    frameRadius?: CssLength;
    frameTop?: CssLength;
    initialScale?: number;
    initialRotate?: number;
    centerX?: number;
    centerY?: number;
    scrub?: number | boolean;
    panDuration?: number;
};
export declare const ScrollPovGallery: ({ slides, segments, className, style, ariaLabel, imageSrc, imageAlt, viewBox, preserveAspectRatio, backgroundColor, textColor, accentColor, frameWidth, frameHeight, frameRadius, frameTop, initialScale, initialRotate, centerX, centerY, scrub, panDuration, }: ScrollPovGalleryProps) => import("react/jsx-runtime").JSX.Element;