import { default as React } from 'react';

import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
export declare const rootClassName = "teddy-scroll-area";
type Variant = 'scrollbar' | 'button' | 'hidden';
export type RootProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
    /** There are three different variants
     *  - `scrollbar`: The scrollbar will be visible on hover and scroll
     *  - `button`: There will be buttons to scroll
     *  - `hidden`: The scrollbar will not be visible
     */
    variant?: Variant | undefined;
    /**
     * The scroll behavior of the scroll area
     */
    scrollBehavior?: 'smooth' | 'auto';
    /**
     * To style the viewport, viewport is the inner container of the scroll area
     */
    viewPortClassName?: string;
    /**
     * To style the scrollbar
     */
    barClassName?: string;
};
type RootContextType = {
    scrollRef: HTMLDivElement | null;
    variant?: Variant;
    hasScrollTop: boolean | undefined;
    hasScrollBottom: boolean | undefined;
    hasScrollLeft: boolean | undefined;
    hasScrollRight: boolean | undefined;
    scrollBehavior: 'smooth' | 'auto';
    isRtl: boolean;
};
export declare const RootContext: React.Context<RootContextType | undefined>;
export declare const Root: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    /** There are three different variants
     *  - `scrollbar`: The scrollbar will be visible on hover and scroll
     *  - `button`: There will be buttons to scroll
     *  - `hidden`: The scrollbar will not be visible
     */
    variant?: Variant | undefined;
    /**
     * The scroll behavior of the scroll area
     */
    scrollBehavior?: "smooth" | "auto";
    /**
     * To style the viewport, viewport is the inner container of the scroll area
     */
    viewPortClassName?: string;
    /**
     * To style the scrollbar
     */
    barClassName?: string;
} & React.RefAttributes<HTMLDivElement>>;
export {};