export declare const FtButtonCssVariables: {
    backgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    borderRadius: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    color: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    iconSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    rippleColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    verticalPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    horizontalPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    iconPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    opacityDisabled: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtButtonPrimaryCssVariables: {
    backgroundColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    color: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    rippleColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const FtButtonDenseCssVariables: {
    borderRadius: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    verticalPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    horizontalPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
    iconPadding: import("@fluid-topics/ft-wc-utils").FtCssVariable;
};
export declare const classicStyles: import("lit").CSSResult[];