import { default as React } from 'react';
export interface ScrollAreaProps {
    /** Scrollable content */
    children: React.ReactNode;
    /** Maximum height */
    maxHeight?: string | number;
    /** Hide scrollbar */
    hideScrollbar?: boolean;
    /** Scroll direction */
    direction?: 'vertical' | 'horizontal' | 'both';
    /** Additional className */
    className?: string;
}
/**
 * ScrollArea Component
 *
 * Container with custom scrollbar styling and overflow control.
 * Provides consistent scrollable areas across the application.
 *
 * @example
 * ```tsx
 * <ScrollArea maxHeight="400px">
 *   <div>Long content...</div>
 * </ScrollArea>
 * ```
 *
 * @example
 * ```tsx
 * <ScrollArea direction="horizontal" hideScrollbar>
 *   <div className="w-[2000px]">Wide content</div>
 * </ScrollArea>
 * ```
 */
export declare const ScrollArea: React.FC<ScrollAreaProps>;
//# sourceMappingURL=scroll-area.d.ts.map