import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
export { HORIZONTAL_SCROLL_STEP_PX, HorizontalScrollAffordances, HorizontalScrollControls, HorizontalScrollControlsLayout, HorizontalScrollControlsProps, horizontalScrollViewportClassName, useHorizontalScrollAffordances, useHorizontalScrollAlignEnd } from './horizontal-scroll-controls.js';

interface HorizontalScrollRegionProps {
    children: React.ReactNode;
    /** Prefix for prev/next `aria-label`s (e.g. "Views"). */
    ariaLabel?: string;
    className?: string;
    scrollClassName?: string;
    /** Scroll to the trailing edge when content overflows (breadcrumb trails). */
    alignEnd?: boolean;
    /**
     * `toolbar` — fixed 32px row (tabs, breadcrumbs).
     * `content` — grows with tall children (KPI scroll strip).
     */
    fit?: "toolbar" | "content";
    /**
     * `split` — prev before content, next after.
     * `group-end` / `group-start` — shared {@link HorizontalScrollControls} after / before content.
     */
    controlsLayout?: "split" | "group-end" | "group-start";
}
/**
 * Horizontal scroll container with {@link HorizontalScrollControls} when content overflows.
 * Use for view-tab toolbars, breadcrumb trails, tab lists, and other clipped rows.
 */
declare function HorizontalScrollRegion({ children, ariaLabel, className, scrollClassName, alignEnd, fit, controlsLayout, }: HorizontalScrollRegionProps): react_jsx_runtime.JSX.Element;

export { HorizontalScrollRegion, type HorizontalScrollRegionProps };