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

export declare const rootClassName = "teddy-dashed-button";
export type DashedButtonProps = Omit<React.ComponentPropsWithoutRef<typeof Button>, 'variant' | 'borderStyle' | 'iconOnly'> & {
    alignment?: 'start' | 'center';
    icon?: IconName;
    showChevron?: boolean;
};
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">, "variant" | "borderStyle" | "iconOnly"> & {
    alignment?: "start" | "center";
    icon?: IconName;
    showChevron?: boolean;
} & React.RefAttributes<HTMLButtonElement>>;
declare const DashedButton: 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">, "variant" | "borderStyle" | "iconOnly"> & {
    alignment?: "start" | "center";
    icon?: IconName;
    showChevron?: boolean;
} & React.RefAttributes<HTMLButtonElement>>;
export { DashedButton };