import { RootProps } from './scroll-area-root';
import { ItemProps } from './scroll-area-item';
import { ButtonProps } from './scroll-area-button';

export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-scroll-area').ScrollAreaProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
    variant?: ("button" | "hidden" | "scrollbar") | undefined;
    scrollBehavior?: "smooth" | "auto";
    viewPortClassName?: string;
    barClassName?: string;
} & import('react').RefAttributes<HTMLDivElement>> & {
    Item: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        asChild?: boolean;
        isSelected?: boolean;
        scrollBehavior?: "smooth" | "auto";
        scrollBehaviorOnMount?: "smooth" | "auto";
    } & import('react').RefAttributes<HTMLDivElement>>;
    Button: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
        display?: import('../../utils/generate-styling').DisplayChildren;
    } & {
        asChild?: boolean;
        loading?: boolean;
        fullWidth?: boolean;
        size?: import('../button/button').Size;
        variant?: import('../button/button').Variant;
        borderStyle?: "dashed" | "default";
    } & {
        iconOnly: true;
        "aria-label": string;
    } & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
        display?: import('../../utils/generate-styling').DisplayChildren;
    } & {
        asChild?: boolean;
        loading?: boolean;
        fullWidth?: boolean;
        size?: import('../button/button').Size;
        variant?: import('../button/button').Variant;
        borderStyle?: "dashed" | "default";
    } & {
        iconOnly?: false;
        "aria-label"?: string;
    } & import('react').RefAttributes<HTMLButtonElement>, "ref">, "hidden"> & {
        direction?: "up" | "down" | "left" | "right";
        hidden?: boolean;
    } & import('react').RefAttributes<HTMLButtonElement>>;
    Scrollbar: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-scroll-area').ScrollAreaScrollbarProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
};
export type ScrollAreaProps = {
    Root: RootProps;
    Item: ItemProps;
    Button: ButtonProps;
};