import * as React from 'react';
import type { Space, UnitSize } from '../../../metrics/metrics';
import type { RequiredResponsiveValue, ResponsiveValue } from '../../../responsive/responsive';
import type { ScrollDirection } from '../../scrollable/scrollable';
import type { ScrollableItemsHandle, ScrollableItemsState, UseScrollableItemsOptions } from './behavior';
export declare const scrollableItemsGaps: readonly ["0", "1u", "2u", "3u"];
export type ScrollableItemsGap = (typeof scrollableItemsGaps)[number];
export type ScrollableItemsDirection = ScrollDirection;
export type ScrollableItemsPadding = Space;
export type ScrollableItemsFadeSize = Extract<UnitSize, '0' | '3u' | '6u' | '12u'>;
export type ScrollableItemsSnapType = 'proximity' | 'mandatory' | 'none';
export type ScrollableItemsSnapAlignType = 'start' | 'center' | 'end' | 'none';
export type ScrollableItemsRole = 'group' | 'radiogroup' | 'list' | 'none';
export type ScrollableItemsItemSize = 'intrinsic' | `${number}%`;
type PaddingProps = {
    padding?: ResponsiveValue<ScrollableItemsPadding>
    paddingX?: ResponsiveValue<ScrollableItemsPadding>
    paddingY?: ResponsiveValue<ScrollableItemsPadding>
    paddingTop?: ResponsiveValue<ScrollableItemsPadding>
    paddingBottom?: ResponsiveValue<ScrollableItemsPadding>
    paddingStart?: ResponsiveValue<ScrollableItemsPadding>
    paddingEnd?: ResponsiveValue<ScrollableItemsPadding>
};
export type ScrollableItemsProps = {
    direction: ScrollDirection
    role?: ScrollableItemsRole
    ariaLabel?: string
    ariaLabelledBy?: string
    ariaDescribedBy?: string
    ariaSetSize?: number
    outOfViewItemBehavior?: 'inert' | 'none'
    children: React.ReactNode
    onScroll?: (scrollState: ScrollableItemsState) => void
    onScrollStateChange?: (scrollState: ScrollableItemsState) => void
    ref?: React.Ref<ScrollableItemsHandle>
    scrollableRef?: React.Ref<HTMLDivElement>
    gap?: RequiredResponsiveValue<ScrollableItemsGap>
    snap?: ScrollableItemsSnapType
    snapAlign?: ScrollableItemsSnapAlignType
    fadeSize?: ScrollableItemsFadeSize
    itemSize?: RequiredResponsiveValue<ScrollableItemsItemSize>
    id?: string
    onFocus?: (e: React.FocusEvent) => void
} & PaddingProps & Pick<UseScrollableItemsOptions, 'getItemWidth' | 'itemCount'>;
export declare const ScrollableItems: React.ComponentType<ScrollableItemsProps>;
export type ScrollableItemProps = React.PropsWithChildren<{
    snapAlign?: ScrollableItemsSnapAlignType
    size?: ResponsiveValue<ScrollableItemsItemSize>
    role?: 'listitem' | 'none'
    index?: number
}>;
export declare const ScrollableItem: React.ComponentType<ScrollableItemProps>;
export declare const ScrollableItemsCenterAlignSpacer: () => React.JSX.Element;
export {};