import * as React from 'react';
import type { ScrollAreaContextValue, ScrollAreaProps, ScrollAreaRootProps } from './types.js';
export declare const ScrollAreaProvider: React.FC<ScrollAreaContextValue & {
    children: React.ReactNode;
}>, useScrollAreaContext: (consumerName: string) => ScrollAreaContextValue;
/**
 * Scroll area state primitive that owns overflow, hover, and scrolling state for its parts.
 *
 * @example
 * ```tsx
 * import { ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from '@skdx/react/primitives/scroll-area';
 *
 * <ScrollAreaRoot type="hover" style={{ height: 200 }}>
 *   <ScrollAreaViewport>Long content…</ScrollAreaViewport>
 *   <ScrollAreaScrollbar orientation="vertical">
 *     <ScrollAreaThumb />
 *   </ScrollAreaScrollbar>
 * </ScrollAreaRoot>
 * ```
 */
export declare const ScrollAreaRoot: {
    ({ type, scrollHideDelay, onScrollPositionChange, style, ref: forwardedRef, size, ...props }: ScrollAreaRootProps): React.ReactNode;
    displayName: string;
};
/**
 * Wraps natively-scrollable `children` with a derived custom scrollbar.
 *
 * @example
 * ```tsx
 * <ScrollArea aria-label="Release notes" style={{ height: 200 }}>Long content…</ScrollArea>
 * ```
 */
export declare const ScrollArea: {
    ({ scrollbars, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, ref: forwardedRef, ...rootProps }: ScrollAreaProps): React.ReactNode;
    displayName: string;
};