import * as React from 'react'; export declare const useCarousel: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance; page: number; }; slidesPerPage: number; rootProps: { 'data-autosize'?: "" | undefined; 'data-swiping'?: "" | undefined; role: "region"; 'aria-roledescription': "carousel"; tabIndex: number; onKeyDown: (event: React.KeyboardEvent) => void; 'data-scope': "carousel"; 'data-part': "root"; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; }; contentProps: { onPointerDown: (e: React.PointerEvent) => void; onPointerMove: (e: React.PointerEvent) => void; onPointerUp: (e: React.PointerEvent) => void; onWheel: (e: React.WheelEvent) => void; style: { '--px-slides-per-page': number; '--px-spacing-items': string; '--px-scroll-snap-type': string; position: "relative"; scrollbarWidth: "none"; display: "flex"; flexDirection: React.CSSProperties["flexDirection"]; overflowX: "scroll" | undefined; overflowY: "scroll" | undefined; overscrollBehaviorX: "contain" | undefined; overscrollBehaviorY: "contain" | undefined; gap: string; scrollSnapType: string; }; 'data-swiping'?: "" | undefined; 'data-autosize'?: "" | undefined; ref: React.RefObject; 'aria-live': "polite"; 'aria-atomic': boolean; 'data-scope': "carousel"; 'data-part': "content"; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; }; indicatorsProps: { 'data-swiping'?: "" | undefined; 'data-scope': "carousel"; 'data-part': "indicators"; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; }; getItemProps: (value: unknown) => { style: { flexGrow: number; flexShrink: number; minWidth: number; flexBasis: string; scrollSnapAlign: "center" | "start" | "end" | undefined; }; 'data-autosize'?: "" | undefined; 'data-swiping'?: "" | undefined; role: "group"; 'aria-roledescription': "slide"; 'data-scope': "carousel"; 'data-part': "item"; 'data-value': unknown; 'data-item': ""; 'data-inview': "false"; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; }; getNextProps: (disabled: boolean) => { onClick: (originalEvent?: React.SyntheticEvent | Event) => void; 'data-swiping'?: "" | undefined; 'data-scope': "carousel"; 'data-part': "next"; type: "button"; disabled: boolean; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; 'data-disabled': boolean; }; getPrevProps: (disabled: boolean) => { onClick: (originalEvent?: React.SyntheticEvent | Event) => void; 'data-swiping'?: "" | undefined; 'data-scope': "carousel"; 'data-part': "prev"; type: "button"; disabled: boolean; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; 'data-disabled': boolean; }; getIndicatorProps: (page: number) => { onClick: (event: React.MouseEvent) => void; 'data-swiping'?: "" | undefined; 'data-active'?: "" | undefined; 'data-scope': "carousel"; 'data-part': "indicator"; type: "button"; 'aria-current': true | undefined; 'data-orientation': "horizontal" | "vertical" | undefined; 'data-align': "center" | "start" | "end" | undefined; 'data-page': number; }; onContentPointerDown: (e: React.PointerEvent) => void; onContentPointerMove: (e: React.PointerEvent) => void; onContentPointerUp: (e: React.PointerEvent) => void; onContentWheel: (e: React.WheelEvent) => void; next: (originalEvent?: React.SyntheticEvent | Event) => void; prev: (originalEvent?: React.SyntheticEvent | Event) => void; scrollToPage: (page?: number, instant?: boolean, originalEvent?: React.SyntheticEvent | Event) => void; scrollTo: (snapPoint: number, instant?: boolean) => void; scrollToSlide: (slide: number, instant?: boolean) => void; setToClosest: () => number | undefined; resolveSnapType: () => string; }>;