import React from 'react';
import { FlintScrollArea as FlintScrollAreaElement } from '@getufy/flint-ui/scroll-area/flint-scroll-area';
/**
 * Augments native scroll with custom, cross-browser overlay scrollbars.
Native scrollbars are hidden; lightweight custom thumbs are rendered in
shadow DOM and synced to the viewport via scroll + ResizeObserver events.
 *
 * @slot (default) - Scrollable content.
 * @slot scrollbar - Optional explicit `flint-scroll-bar` elements (e.g. horizontal).
 */
export interface FlintScrollAreaProps extends Omit<React.HTMLAttributes<FlintScrollAreaElement>, 'dir'> {
    /**
     * Controls when the scrollbars appear.
     * Allowed values: 'auto' | 'always' | 'scroll' | 'hover'
     */
    type?: 'auto' | 'always' | 'scroll' | 'hover';
    /**
     * Text direction. `'rtl'` flips the vertical bar to the left side.
     * Allowed values: 'ltr' | 'rtl'
     */
    dir?: 'ltr' | 'rtl';
}
export declare const FlintScrollArea: React.ForwardRefExoticComponent<FlintScrollAreaProps & React.RefAttributes<FlintScrollAreaElement>>;