type Variant = "primary" | "secondary" | "danger" | "link" | "circle" | "relationship" | "input";
type Size = "mini" | "small" | "regular";
export interface InteractiveElementProps {
    children: React.ReactNode;
    /**
     * Render a different variant
     */
    variant?: Variant;
    /**
     * Set _button size_. It only works when the `variant` prop is different from `link`.
     */
    size?: Size;
    /**
     * Set the _button width_ to 100%. It only works when the `variant` prop is different from `link`.
     */
    fullWidth?: boolean;
    /**
     * Flex content alignment with a standard gap
     * @deprecated This prop is actually useless as we always have centered items inside buttons.
     */
    alignItems?: "center";
    /**
     * When element is disabled, the user cannot interact with it
     */
    disabled?: boolean | undefined;
}
export declare function getInteractiveElementClassName({ children, disabled, fullWidth, size, variant, }: InteractiveElementProps): string;
export {};