import * as react from 'react';
import { HTMLAttributes } from 'react';

type ScrollRailPeek = false | 'sm' | 'md' | 'lg';
type ScrollRailGap = 'xs' | 'sm' | 'md' | 'lg';
type ScrollRailControls = boolean | 'auto';
/** Rem values aligned with Tailwind gap utilities — exposed as `--scroll-rail-gap`. */
declare const scrollRailGapValues: Record<ScrollRailGap, string>;
interface ScrollRailProps extends HTMLAttributes<HTMLDivElement> {
    as?: 'div' | 'section';
    /** How much of the next item to reveal when overflowing. `false` disables peek; peek applies only when the row scrolls. */
    peek?: ScrollRailPeek;
    gap?: ScrollRailGap;
    /** Show prev/next controls, or `'auto'` only when content overflows. */
    controls?: ScrollRailControls;
    /** Edge fade masks at scroll boundaries. Default `true`. */
    fadeEdges?: boolean;
    /** Accessible name for the scroll region. */
    ariaLabel?: string;
    /** Fixed uniform child width (e.g. `280` or `'280px'`). Percentages are track-relative — prefer `visibleCount` for column layouts. */
    itemWidth?: number | string;
    /** Items visible at once; fills row when count ≤ this, scrolls when above (viewport-relative sizing). */
    visibleCount?: number;
    trackClassName?: string;
}
declare const ScrollRail: react.ForwardRefExoticComponent<ScrollRailProps & react.RefAttributes<HTMLDivElement>>;

export { ScrollRail, type ScrollRailControls, type ScrollRailGap, type ScrollRailPeek, type ScrollRailProps, scrollRailGapValues };