import React, { ReactNode } from "react"; import { ScrollbarVariant } from "../../Theme/tokens/builders/scrollbar"; /** Scrollable box with themed scrollbars and a keyboard focus stop when it overflows. */ export interface ScrollbarBoxProps { children: ReactNode; /** Fixed box height; omit to let content size the box instead of scrolling it. */ height?: string; /** Caps growth and enables scrolling; without it the box grows unbounded. */ maxHeight?: string; /** No default (unlike overflowY) — falls through to the browser's normal overflow. */ overflowX?: string; /** Defaults to "auto" — scrolls only once content exceeds height/maxHeight. */ overflowY?: string; /** Picks the scrollbar chrome from scrollbarStyles; see scrollbar.ts for what each looks like. */ variant?: ScrollbarVariant; /** Forwarded to the underlying Box so a consumer can read/scroll the container from outside. */ scrollContainerRef?: React.Ref | null; /** Names the box as a region while it scrolls and takes keyboard focus; without it that focus stop has no name. */ "aria-label"?: string; } /** Scrollable Box with themed scrollbar chrome; a keyboard stop, ringed on :focus-visible, while it scrolls with nothing focusable inside. */ declare const ScrollbarBox: React.FC; export default ScrollbarBox;