import React from "react";
export declare const COMPONENT_KIND_CLASS_MAP: {
    readonly delete: "tds-btn--delete";
    readonly ghost: "tds-btn--ghost-neutral";
    readonly "ghost-delete": "tds-btn--ghost-delete";
    readonly "ghost-interaction": "tds-btn--ghost-interaction";
    readonly "inline-text": "tds-btn--inline-text";
    readonly neutral: "tds-btn--neutral";
    readonly "neutral-inline": "tds-btn--neutral-inline";
    readonly pill: "tds-btn--pill";
    readonly primary: "tds-btn--interaction";
    readonly "primary-page-header": "tds-btn--primary-page-header";
    readonly secondary: "tds-btn--outline-neutral";
    readonly "secondary-delete": "tds-btn--outline-delete";
    readonly "secondary-interaction": "tds-btn--outline-interaction";
    readonly "secondary-page-header": "tds-btn--secondary-page-header";
    readonly "staff-only": "tds-btn--staff-only";
};
export declare const COMPONENT_SIZE_CLASS_MAP: {
    readonly lg: "tds-btn--lg";
    readonly md: "";
    readonly sm: "tds-btn--sm";
    readonly xl: "tds-btn--xl";
    readonly xs: "tds-btn--xs";
};
export type ComponentSize = keyof typeof COMPONENT_SIZE_CLASS_MAP;
export type ComponentKind = keyof typeof COMPONENT_KIND_CLASS_MAP;
export interface BaseComponentProps {
    /** Whether the component should take the full width of its container. */
    fullWidth?: boolean;
    /** The visual style of the component. */
    kind?: ComponentKind;
    /** A React node to display before the component's content. Set via story args for non-primitive values. */
    prefix?: React.ReactNode;
    /** The size of the component. */
    size?: ComponentSize;
    /** A React node to display after the component's content. Set via story args for non-primitive values. */
    suffix?: React.ReactNode;
}
export declare const enhanceElementWithClassName: (element: React.ReactNode, className: string) => React.ReactNode;
//# sourceMappingURL=buttonLinkShared.d.ts.map