import * as PropTypes from "prop-types";
import * as React from "react";
import Colors from "../utils/Colors";
import { Values } from "../utils/types";
import "./index.less";
export interface Props {
    className?: string;
    color?: Values<typeof Colors>;
    svgClassName?: string;
}
export default class Logo extends React.PureComponent<Props> {
    static propTypes: {
        className: PropTypes.Requireable<string>;
        color: PropTypes.Requireable<Values<{
            readonly PRIMARY_BLUE: "#436CF2";
            readonly PRIMARY_BLUE_SHADE_1: "#3158D7";
            readonly PRIMARY_BLUE_SHADE_2: "#2146BD";
            readonly PRIMARY_BLUE_SHADE_3: "#16328D";
            readonly PRIMARY_BLUE_TINT_1: "#6486F8";
            readonly PRIMARY_BLUE_TINT_2: "#809DFF";
            readonly NEUTRAL_BLACK: "#15131C";
            readonly NEUTRAL_DARK_GRAY: "#474C5E";
            readonly NEUTRAL_MEDIUM_GRAY: "#686F88";
            readonly NEUTRAL_GRAY: "#A8AEBA";
            readonly NEUTRAL_SILVER: "#e3e6eb";
            readonly NEUTRAL_OFF_WHITE: "#FAFBFC";
            readonly NEUTRAL_WHITE: "#fff";
            readonly ALERT_GREEN: "#1DA978";
            readonly ALERT_GREEN_SHADE_1: "#139668";
            readonly ALERT_GREEN_SHADE_2: "#018657";
            readonly ALERT_GREEN_TINT_1: "#2dBE8B";
            readonly ALERT_GREEN_TINT_2: "#49D2A2";
            readonly ALERT_ORANGE: "#F59520";
            readonly ALERT_ORANGE_SHADE_1: "#F78214";
            readonly ALERT_ORANGE_SHADE_2: "#EE7503";
            readonly ALERT_ORANGE_TINT_1: "#FAAA35";
            readonly ALERT_ORANGE_TINT_2: "#FBC553";
            readonly ALERT_RED: "#E02B3A";
            readonly ALERT_RED_SHADE_1: "#C6212E";
            readonly ALERT_RED_SHADE_2: "#AE121F";
            readonly ALERT_RED_TINT_1: "#ED4B59";
            readonly ALERT_RED_TINT_2: "#F56A75";
            readonly ALERT_RED_SHADE: "#B30C10";
            readonly ACCENT_TEAL: "#29C6C1";
            readonly ACCENT_TEAL_SHADE_1: "#1CB0AB";
            readonly ACCENT_TEAL_SHADE_2: "#119792";
            readonly ACCENT_TEAL_TINT_1: "#44D7D2";
            readonly ACCENT_TEAL_TINT_2: "#7FE5E2";
            readonly ACCENT_PINK: "#F03797";
            readonly ACCENT_PINK_SHADE_1: "#D3257F";
            readonly ACCENT_PINK_SHADE_2: "#B31969";
            readonly ACCENT_PINK_TINT_1: "#FB57AC";
            readonly ACCENT_PINK_TINT_2: "#FF75BD";
            readonly ACCENT_PURPLE: "#7e1dff";
            readonly ACCENT_PURPLE_SHADE_1: "#6609E0";
            readonly ACCENT_PURPLE_SHADE_2: "#5201BF";
            readonly ACCENT_PURPLE_TINT_1: "#9244FA";
            readonly ACCENT_PURPLE_TINT_2: "#A460FF";
            readonly FAMILY_PORTAL_SLATE: "#32315B";
            readonly FAMILY_PORTAL_QUOTED_ANNOUNCEMENT: "#FEF7D2";
            readonly FAMILY_PORTAL_OWN_MESSAGE: "#FDEA8E";
            readonly FAMILY_PORTAL_YELLOW: "#FFDC5D";
            readonly FAMILY_PORTAL_YELLOW_SHADE_1: "#F7C844";
            readonly ACCENT_AQUA: "#29C6C1";
        }>>;
        svgClassName: PropTypes.Requireable<string>;
    };
    static defaultProps: {
        color: "#fff";
    };
    render(): JSX.Element;
}
