/**
 * @fileoverview ScrollArea primitive — custom scrollable container with styled scrollbar thumb.
 * Built on Radix UI ScrollArea. Part of the Saasflare base component layer.
 * @module packages/ui/components/ui/scroll-area
 * @layer core
 *
 * @component
 * @example
 * import { ScrollArea } from '@saasflare/ui';
 * <ScrollArea className="h-72">
 *   <div>Scrollable content here</div>
 * </ScrollArea>
 */
import * as React from "react";
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
import { type SaasflareComponentProps } from "../../providers";
/**
 * Props for {@link ScrollArea}.
 *
 * Extends the Radix ScrollArea root props with {@link SaasflareComponentProps}.
 */
interface ScrollAreaProps extends Omit<React.ComponentProps<typeof ScrollAreaPrimitive.Root>, keyof SaasflareComponentProps>, SaasflareComponentProps {
}
/**
 * Scrollable container that replaces native scrollbars with a styled,
 * cross-browser thumb, built on Radix UI ScrollArea. Constrain it with a
 * height or width class and place overflowing content inside.
 *
 * @component
 * @layer core
 */
declare function ScrollArea({ className, children, surface, radius, animated, iconWeight, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
/**
 * Styled scrollbar for {@link ScrollArea}. A vertical instance is rendered
 * automatically; add one with `orientation="horizontal"` for horizontal
 * scrolling.
 *
 * @component
 * @layer core
 */
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
export { ScrollArea, ScrollBar, type ScrollAreaProps };