import { Ref } from "react";
import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
//#region src/components/scroll-area.d.ts
/**
 * Which way the area may scroll. `both` is the primitive's own behaviour: a
 * viewport that scrolls whichever axis its content overflows. `vertical` is
 * for a surface whose inline size belongs to the reader rather than to its
 * content — a resizable pane, a column that can be dragged down to 320px —
 * where a sideways scrollbar means something inside refused to wrap, and the
 * honest answer is to make it wrap. An element that genuinely needs the axis
 * (a wide table, a code block) carries its own `overflow-x-auto` and scrolls
 * locally, inside the column.
 */
type ScrollAreaAxis = "both" | "vertical";
declare const ScrollArea: ({ axis, className, children, scrollFade, scrollbarClassName, scrollbarGutter, viewportRef, ...props }: ScrollArea$1.Root.Props & {
  axis?: ScrollAreaAxis;
  scrollFade?: boolean;
  /**
   * Extra classes applied to both scrollbars, on top of their default
   * styling — the escape hatch for a consumer whose scrollbar must win a
   * stacking fight against a sibling with its own z-index (e.g. a floating
   * composer veil docked over the scroll area). Omit for the default
   * (unelevated) overlay-thumb treatment.
   */
  scrollbarClassName?: string;
  scrollbarGutter?: boolean;
  viewportRef?: Ref<HTMLDivElement>;
}) => import("react").JSX.Element;
declare const ScrollBar: ({ className, orientation, ...props }: ScrollArea$1.Scrollbar.Props) => import("react").JSX.Element;
//#endregion
export { ScrollArea, ScrollBar };