import { ThemeLabel } from '../label/theme.js';
import { ThemeUserFeedback } from '../user-feedback/theme.js';

type ThemeChoiceCard = {
    textUnselected: string;
    textSelected: string;
    textHover: string;
    textError: string;
    borderUnselected: string;
    borderSelected: string;
    borderHover: string;
    borderError: string;
    backgroundUnselected: string;
    backgroundHover: string;
    backgroundSelected: string;
    backgroundTick: string;
};
declare const themeChoiceCard: ThemeChoiceCard;
declare const themeChoiceCardGroup: ThemeChoiceCardGroup;
/** @deprecated Use `themeChoiceCard` and component `theme` prop instead of emotion's `ThemeProvider` */
declare const choiceCardThemeDefault: {
    readonly userFeedback: {
        textSuccess: "#22874D";
        textError: "#C70000";
    };
    readonly choiceCard: {
        readonly textLabel: "#707070";
        readonly textLabelSupporting: "#707070";
        readonly textGroupLabel: "#121212";
        readonly textGroupLabelSupporting: "#707070";
        readonly border: "#707070";
        readonly textChecked: "#052962";
        readonly backgroundChecked: "#E3F6FF";
        readonly backgroundTick: "#0077B6";
        readonly borderChecked: "#0077B6";
        readonly textHover: "#0077B6";
        readonly borderHover: "#0077B6";
        readonly textError: "#C70000";
        readonly borderError: "#C70000";
    };
};
type ThemeChoiceCardGroup = ThemeLabel & ThemeUserFeedback;

export { choiceCardThemeDefault, themeChoiceCard, themeChoiceCardGroup };
export type { ThemeChoiceCard, ThemeChoiceCardGroup };