import { default as React } from 'react';
import { Button as PrimitiveButton } from '../button';

/**
 * Props for the ScrollAreaButton component.
 */
export type ButtonProps = Omit<React.ComponentPropsWithoutRef<typeof PrimitiveButton>, 'hidden'> & {
    /** The direction in which the button should point and scroll */
    direction?: 'up' | 'down' | 'left' | 'right';
    /** Hidden will fade the button out. Used when the scrollbar is at the end */
    hidden?: boolean;
};
export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<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;
} & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<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;
} & React.RefAttributes<HTMLButtonElement>, "ref">, "hidden"> & {
    /** The direction in which the button should point and scroll */
    direction?: "up" | "down" | "left" | "right";
    /** Hidden will fade the button out. Used when the scrollbar is at the end */
    hidden?: boolean;
} & React.RefAttributes<HTMLButtonElement>>;