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

export declare const rootClassName = "teddy-channel-button";
export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof Button>, 'loading' | 'size' | 'variant' | 'iconOnly' | 'borderStyle' | 'fullWidth' | 'aria-label'> & {
    as?: 'div' | 'span';
};
export declare const Root: 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">, "aria-label" | "size" | "loading" | "variant" | "borderStyle" | "fullWidth" | "iconOnly"> & {
    as?: "div" | "span";
} & React.RefAttributes<HTMLButtonElement>>;