/// <reference types="react" />
export interface Theme {
    colorPrimary?: string;
    colorButtonPrimary?: string;
    colorButtonPrimaryLabel?: string;
    colorButtonPrimaryActive?: string;
    colorButtonPrimaryHover?: string;
    colorButtonPrimaryHoverLabel?: string;
}
export declare const themeVariables: (theme?: Theme) => {
    '--componentButtonPrimaryBorderHover': string | undefined;
    '--componentButtonPrimaryBorderActive': string | undefined;
    '--componentButtonPrimaryBorderFocus': string | undefined;
    '--componentButtonPrimaryColor': string | undefined;
    '--componentButtonPrimaryColorHover': string | undefined;
    '--componentButtonPrimaryColorActive': string | undefined;
    '--componentButtonPrimaryColorFocus': string | undefined;
    '--componentButtonPrimaryColorDisabled': string | undefined;
    '--componentButtonPrimaryFill': string | undefined;
    '--componentButtonPrimaryFillHover': string | undefined;
    '--componentButtonPrimaryFillActive': string | undefined;
    '--componentButtonPrimaryFillFocus': string | undefined;
};
export declare const ThemeStyles: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & {
    theme?: Theme | undefined;
}>;
export declare function stringifyTheme(theme?: Theme): string;