/// <reference types="react" />
export declare const ICON_SIZE = 24;
export declare const Container: import("styled-components").StyledComponent<"circle", {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
}, {
    r: number;
    fillOpacity: 0.8;
    fill: string;
}, "fill" | "fillOpacity" | "r">;
export declare const Triangle: import("styled-components").StyledComponent<"polygon", {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
}, {
    points: "-10,8 0,-10 10,8";
    fill: string;
}, "fill" | "points">;
export declare const CorrectIcon: import("styled-components").StyledComponent<(props: import("react").SVGAttributes<SVGSVGElement>) => JSX.Element, {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
}, {
    x: number;
    y: number;
    width: number;
    height: number;
}, "height" | "width" | "x" | "y">;
export declare const WrongIcon: import("styled-components").StyledComponent<(props: import("react").SVGAttributes<SVGSVGElement>) => JSX.Element, {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
}, {
    x: number;
    y: number;
    width: number;
    height: number;
}, "height" | "width" | "x" | "y">;
export declare const FeedbackIcon: import("styled-components").StyledComponent<(props: import("react").SVGAttributes<SVGSVGElement>) => JSX.Element, {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
}, {
    x: number;
    y: number;
    width: number;
    height: number;
}, "height" | "width" | "x" | "y">;
export declare const WarningIcon: import("styled-components").StyledComponent<(props: import("react").SVGAttributes<SVGSVGElement>) => JSX.Element, {
    color: {
        primary: string;
        secondary: string;
        warningYellow: string;
        background: string;
        backgroundVariant: string;
        grid: string;
        primaryContrast: string;
        gray: string;
        grayAccent: string;
    };
    font: {
        color: string;
        family: string;
        size: number;
    };
    interactive: {
        normal: string;
        hovered: string;
    };
}, {
    x: number;
    y: number;
    width: number;
    height: number;
}, "height" | "width" | "x" | "y">;