import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
/**
 * Props for the ScrollArea component
 * @property {string} className - Additional CSS classes to apply
 * @property {React.ReactNode} children - Content to be rendered within the scrollable area
 */
export type ScrollAreaProps = ScrollAreaPrimitive.Root.Props;
/**
 * ScrollArea component that provides a customizable scrollable container with styled scrollbars.
 * Built on Base UI's ScrollArea primitive with automatic overflow detection and custom scrollbar styling.
 *
 * @component
 * @example
 * ```tsx
 * <ScrollArea className="h-72 w-48 rounded-md border p-4">
 *   <div>Long content that needs scrolling...</div>
 * </ScrollArea>
 * ```
 *
 * @example
 * ```tsx
 * // With horizontal scrolling
 * <ScrollArea className="w-96 whitespace-nowrap rounded-md border">
 *   <div className="flex gap-4 p-4">
 *     <div>Item 1</div>
 *     <div>Item 2</div>
 *     <div>Item 3</div>
 *   </div>
 * </ScrollArea>
 * ```
 *
 * @param {ScrollAreaProps} props - Component props extending Base UI ScrollArea.Root.Props
 * @returns {React.ReactElement} A styled scrollable container with custom scrollbars
 */
declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
/**
 * Props for the ScrollBar component
 * @property {string} className - Additional CSS classes to apply
 * @property {"vertical" | "horizontal"} orientation - Scrollbar orientation (default: "vertical")
 */
export type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props;
/**
 * ScrollBar component that renders a custom-styled scrollbar for the ScrollArea.
 * Automatically positions itself based on orientation and includes a draggable thumb.
 * Typically used internally by ScrollArea but can be used independently for custom layouts.
 *
 * @component
 * @example
 * ```tsx
 * // Custom ScrollArea with horizontal scrollbar only
 * <ScrollAreaPrimitive.Root>
 *   <ScrollAreaPrimitive.Viewport>
 *     {children}
 *   </ScrollAreaPrimitive.Viewport>
 *   <ScrollBar orientation="horizontal" />
 * </ScrollAreaPrimitive.Root>
 * ```
 *
 * @param {ScrollBarProps} props - Component props extending Base UI ScrollArea.Scrollbar.Props
 * @returns {React.ReactElement} A styled scrollbar with draggable thumb
 */
declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
export { ScrollArea, ScrollBar };
//# sourceMappingURL=scroll-area.d.ts.map