import { PureComponent } from 'react';
declare const typeToIconMap: {
    tambor: ({ className }: {
        className: any;
    }) => JSX.Element;
    blogs: ({ className }: {
        className: any;
    }) => JSX.Element;
    seo: ({ className }: {
        className: any;
    }) => JSX.Element;
    multiUser: ({ className }: {
        className: any;
    }) => JSX.Element;
    moreHoriz: ({ className }: {
        className: any;
    }) => JSX.Element;
    important: ({ className }: {
        className: any;
    }) => JSX.Element;
    moreVert: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowLeft2: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowDown2: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowUp2: ({ className }: {
        className: any;
    }) => JSX.Element;
    trendingUp: ({ className }: {
        className: any;
    }) => JSX.Element;
    trendingDown: ({ className }: {
        className: any;
    }) => JSX.Element;
    setting: ({ className }: {
        className: any;
    }) => JSX.Element;
    notification: ({ className }: {
        className: any;
    }) => JSX.Element;
    cloud: ({ className }: {
        className: any;
    }) => JSX.Element;
    notificationBlack: ({ className }: {
        className: any;
    }) => JSX.Element;
    send: ({ className }: {
        className: any;
    }) => JSX.Element;
    contact: ({ className }: {
        className: any;
    }) => JSX.Element;
    checkNew: ({ className }: {
        className: any;
    }) => JSX.Element;
    exit2: ({ className }: {
        className: any;
    }) => JSX.Element;
    levelup: ({ className }: {
        className: any;
    }) => JSX.Element;
    enter2: ({ className }: {
        className: any;
    }) => JSX.Element;
    user2: ({ className }: {
        className: any;
    }) => JSX.Element;
    eye2: ({ className }: {
        className: any;
    }) => JSX.Element;
    addDataApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    share2: ({ className }: {
        className: any;
    }) => JSX.Element;
    flag2: ({ className }: {
        className: any;
    }) => JSX.Element;
    reply2: ({ className }: {
        className: any;
    }) => JSX.Element;
    advancedSettingsApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    alert: ({ className }: {
        className: any;
    }) => JSX.Element;
    apmApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    chat: ({ className }: {
        className: any;
    }) => JSX.Element;
    comments: ({ className }: {
        className: any;
    }) => JSX.Element;
    apmTrace: ({ className }: {
        className: any;
    }) => JSX.Element;
    apps: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowDown: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowLeft: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowRight: ({ className }: {
        className: any;
    }) => JSX.Element;
    arrowUp: ({ className }: {
        className: any;
    }) => JSX.Element;
    asterisk: ({ className }: {
        className: any;
    }) => JSX.Element;
    auditbeatApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    beaker: ({ className }: {
        className: any;
    }) => JSX.Element;
    bell: ({ className }: {
        className: any;
    }) => JSX.Element;
    bolt: ({ className }: {
        className: any;
    }) => JSX.Element;
    boxesHorizontal: ({ className }: {
        className: any;
    }) => JSX.Element;
    boxesVertical: ({ className }: {
        className: any;
    }) => JSX.Element;
    branch: ({ className }: {
        className: any;
    }) => JSX.Element;
    broom: ({ className }: {
        className: any;
    }) => JSX.Element;
    brush: ({ className }: {
        className: any;
    }) => JSX.Element;
    bug: ({ className }: {
        className: any;
    }) => JSX.Element;
    bullseye: ({ className }: {
        className: any;
    }) => JSX.Element;
    calendar: ({ className }: {
        className: any;
    }) => JSX.Element;
    close: ({ className }: {
        className: any;
    }) => JSX.Element;
    canvasApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    codeApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    check: ({ className }: {
        className: any;
    }) => JSX.Element;
    checkInCircleFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    clock: ({ className }: {
        className: any;
    }) => JSX.Element;
    compute: ({ className }: {
        className: any;
    }) => JSX.Element;
    console: ({ className }: {
        className: any;
    }) => JSX.Element;
    consoleApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    controlsHorizontal: ({ className }: {
        className: any;
    }) => JSX.Element;
    controlsVertical: ({ className }: {
        className: any;
    }) => JSX.Element;
    copy: ({ className }: {
        className: any;
    }) => JSX.Element;
    copyClipboard: ({ className }: {
        className: any;
    }) => JSX.Element;
    createAdvancedJob: ({ className }: {
        className: any;
    }) => JSX.Element;
    createMultiMetricJob: ({ className }: {
        className: any;
    }) => JSX.Element;
    createPopulationJob: ({ className }: {
        className: any;
    }) => JSX.Element;
    createSingleMetricJob: ({ className }: {
        className: any;
    }) => JSX.Element;
    cross: ({ className }: {
        className: any;
    }) => JSX.Element;
    crossClusterReplicationApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    crosshairs: ({ className }: {
        className: any;
    }) => JSX.Element;
    crossInACircleFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    cut: ({ className }: {
        className: any;
    }) => JSX.Element;
    dashboardApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    database: ({ className }: {
        className: any;
    }) => JSX.Element;
    dataVisualizer: ({ className }: {
        className: any;
    }) => JSX.Element;
    devToolsApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    discoverApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    document: ({ className }: {
        className: any;
    }) => JSX.Element;
    dot: ({ className }: {
        className: any;
    }) => JSX.Element;
    dislike: ({ className }: {
        className: any;
    }) => JSX.Element;
    favorite: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorAlignCenter: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorAlignLeft: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorAlignRight: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorBold: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorCodeBlock: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorComment: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorHeading: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorItalic: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorLink: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorOrderedList: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorRedo: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorStrike: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorTable: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorUnderline: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorUndo: ({ className }: {
        className: any;
    }) => JSX.Element;
    editorUnorderedList: ({ className }: {
        className: any;
    }) => JSX.Element;
    email: ({ className }: {
        className: any;
    }) => JSX.Element;
    empty: ({ className }: {
        className: any;
    }) => JSX.Element;
    emsApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    exit: ({ className }: {
        className: any;
    }) => JSX.Element;
    expand: ({ className }: {
        className: any;
    }) => JSX.Element;
    exportAction: ({ className }: {
        className: any;
    }) => JSX.Element;
    eye: ({ className }: {
        className: any;
    }) => JSX.Element;
    eyeClosed: ({ className }: {
        className: any;
    }) => JSX.Element;
    faceHappy: ({ className }: {
        className: any;
    }) => JSX.Element;
    faceNeutral: ({ className }: {
        className: any;
    }) => JSX.Element;
    faceSad: ({ className }: {
        className: any;
    }) => JSX.Element;
    filebeatApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    filter: ({ className }: {
        className: any;
    }) => JSX.Element;
    flag: ({ className }: {
        className: any;
    }) => JSX.Element;
    folderClosed: ({ className }: {
        className: any;
    }) => JSX.Element;
    folderOpen: ({ className }: {
        className: any;
    }) => JSX.Element;
    fullScreen: ({ className }: {
        className: any;
    }) => JSX.Element;
    gear: ({ className }: {
        className: any;
    }) => JSX.Element;
    gisApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    glasses: ({ className }: {
        className: any;
    }) => JSX.Element;
    globe: ({ className }: {
        className: any;
    }) => JSX.Element;
    grab: ({ className }: {
        className: any;
    }) => JSX.Element;
    grabHorizontal: ({ className }: {
        className: any;
    }) => JSX.Element;
    graphApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    grid: ({ className }: {
        className: any;
    }) => JSX.Element;
    grokApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    heart: ({ className }: {
        className: any;
    }) => JSX.Element;
    heartbeatApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    heatmap: ({ className }: {
        className: any;
    }) => JSX.Element;
    help: ({ className }: {
        className: any;
    }) => JSX.Element;
    iInCircle: ({ className }: {
        className: any;
    }) => JSX.Element;
    importAction: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexClose: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexEdit: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexFlush: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexManagementApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexMapping: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexOpen: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexPatternApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexRollupApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    indexSettings: ({ className }: {
        className: any;
    }) => JSX.Element;
    infraApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    inputOutput: ({ className }: {
        className: any;
    }) => JSX.Element;
    inspect: ({ className }: {
        className: any;
    }) => JSX.Element;
    invert: ({ className }: {
        className: any;
    }) => JSX.Element;
    kqlField: ({ className }: {
        className: any;
    }) => JSX.Element;
    kqlFunction: ({ className }: {
        className: any;
    }) => JSX.Element;
    kqlOperand: ({ className }: {
        className: any;
    }) => JSX.Element;
    kqlSelector: ({ className }: {
        className: any;
    }) => JSX.Element;
    kqlValue: ({ className }: {
        className: any;
    }) => JSX.Element;
    link: ({ className }: {
        className: any;
    }) => JSX.Element;
    list: ({ className }: {
        className: any;
    }) => JSX.Element;
    listAdd: ({ className }: {
        className: any;
    }) => JSX.Element;
    lock: ({ className }: {
        className: any;
    }) => JSX.Element;
    lockOpen: ({ className }: {
        className: any;
    }) => JSX.Element;
    loggingApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAerospike: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoApache: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAPM: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAppSearch: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAWS: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAWSMono: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAzure: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoAzureMono: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoBeats: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoBusinessAnalytics: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoCeph: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoCloud: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoCloudEnterprise: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoCodesandbox: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoCouchbase: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoDocker: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoDropwizard: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoElastic: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoElasticsearch: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoElasticStack: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoEnterpriseSearch: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoEtcd: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoGCP: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoGCPMono: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoGithub: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoGmail: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoGolang: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoHAproxy: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoIBM: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoIBMMono: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoKafka: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoKibana: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoKubernetes: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoLogstash: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoMemcached: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoMetrics: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoMongodb: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoMySQL: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoNginx: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoOsquery: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoPhp: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoPostgres: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoPrometheus: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoRabbitmq: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoRedis: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoSiteSearch: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoSketch: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoSlack: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoWebhook: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoWindows: ({ className }: {
        className: any;
    }) => JSX.Element;
    logoXpack: ({ className }: {
        className: any;
    }) => JSX.Element;
    logstashFilter: ({ className }: {
        className: any;
    }) => JSX.Element;
    logstashIf: ({ className }: {
        className: any;
    }) => JSX.Element;
    logstashInput: ({ className }: {
        className: any;
    }) => JSX.Element;
    logstashOutput: ({ className }: {
        className: any;
    }) => JSX.Element;
    logstashQueue: ({ className }: {
        className: any;
    }) => JSX.Element;
    like: ({ className }: {
        className: any;
    }) => JSX.Element;
    machineLearningApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    managementApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    mapMarker: ({ className }: {
        className: any;
    }) => JSX.Element;
    memory: ({ className }: {
        className: any;
    }) => JSX.Element;
    merge: ({ className }: {
        className: any;
    }) => JSX.Element;
    menuLeft: ({ className }: {
        className: any;
    }) => JSX.Element;
    menuRight: ({ className }: {
        className: any;
    }) => JSX.Element;
    metricbeatApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    minusInCircle: ({ className }: {
        className: any;
    }) => JSX.Element;
    minusInCircleFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    monitoringApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    moon: ({ className }: {
        className: any;
    }) => JSX.Element;
    node: ({ className }: {
        className: any;
    }) => JSX.Element;
    notebookApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    number: ({ className }: {
        className: any;
    }) => JSX.Element;
    offline: ({ className }: {
        className: any;
    }) => JSX.Element;
    online: ({ className }: {
        className: any;
    }) => JSX.Element;
    packetbeatApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    pause: ({ className }: {
        className: any;
    }) => JSX.Element;
    pencil: ({ className }: {
        className: any;
    }) => JSX.Element;
    pin: ({ className }: {
        className: any;
    }) => JSX.Element;
    pipelineApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    play: ({ className }: {
        className: any;
    }) => JSX.Element;
    plusInCircle: ({ className }: {
        className: any;
    }) => JSX.Element;
    plusInCircleFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    popout: ({ className }: {
        className: any;
    }) => JSX.Element;
    questionInCircle: ({ className }: {
        className: any;
    }) => JSX.Element;
    refresh: ({ className }: {
        className: any;
    }) => JSX.Element;
    reportingApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    save: ({ className }: {
        className: any;
    }) => JSX.Element;
    savedObjectsApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    scale: ({ className }: {
        className: any;
    }) => JSX.Element;
    search: ({ className }: {
        className: any;
    }) => JSX.Element;
    searchProfilerApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    securityAnalyticsApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    securityApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    shard: ({ className }: {
        className: any;
    }) => JSX.Element;
    share: ({ className }: {
        className: any;
    }) => JSX.Element;
    snowflake: ({ className }: {
        className: any;
    }) => JSX.Element;
    sortable: ({ className }: {
        className: any;
    }) => JSX.Element;
    sortDown: ({ className }: {
        className: any;
    }) => JSX.Element;
    sortLeft: ({ className }: {
        className: any;
    }) => JSX.Element;
    sortRight: ({ className }: {
        className: any;
    }) => JSX.Element;
    sortUp: ({ className }: {
        className: any;
    }) => JSX.Element;
    spacesApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    sqlApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    starEmpty: ({ className }: {
        className: any;
    }) => JSX.Element;
    starEmptySpace: ({ className }: {
        className: any;
    }) => JSX.Element;
    starFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    starFilledSpace: ({ className }: {
        className: any;
    }) => JSX.Element;
    starMinusEmpty: ({ className }: {
        className: any;
    }) => JSX.Element;
    starMinusFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    starPlusEmpty: ({ className }: {
        className: any;
    }) => JSX.Element;
    starPlusFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    stats: ({ className }: {
        className: any;
    }) => JSX.Element;
    stop: ({ className }: {
        className: any;
    }) => JSX.Element;
    stopFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    storage: ({ className }: {
        className: any;
    }) => JSX.Element;
    string: ({ className }: {
        className: any;
    }) => JSX.Element;
    submodule: ({ className }: {
        className: any;
    }) => JSX.Element;
    symlink: ({ className }: {
        className: any;
    }) => JSX.Element;
    tableOfContents: ({ className }: {
        className: any;
    }) => JSX.Element;
    tag: ({ className }: {
        className: any;
    }) => JSX.Element;
    tear: ({ className }: {
        className: any;
    }) => JSX.Element;
    temperature: ({ className }: {
        className: any;
    }) => JSX.Element;
    timelionApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenAnnotation: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenArray: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenBoolean: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenClass: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenConstant: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenElement: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenEnum: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenEnumMember: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenEvent: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenException: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenField: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenFile: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenFunction: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenInterface: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenKey: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenMethod: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenModule: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenNamespace: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenNull: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenNumber: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenObject: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenOperator: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenPackage: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenParameter: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenProperty: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenRepo: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenString: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenStruct: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenSymbol: ({ className }: {
        className: any;
    }) => JSX.Element;
    tokenVariable: ({ className }: {
        className: any;
    }) => JSX.Element;
    trash: ({ className }: {
        className: any;
    }) => JSX.Element;
    upgradeAssistantApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    pinFilled: ({ className }: {
        className: any;
    }) => JSX.Element;
    uptimeApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    user: ({ className }: {
        className: any;
    }) => JSX.Element;
    usersRolesApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    vector: ({ className }: {
        className: any;
    }) => JSX.Element;
    visArea: ({ className }: {
        className: any;
    }) => JSX.Element;
    visBarHorizontal: ({ className }: {
        className: any;
    }) => JSX.Element;
    visBarVertical: ({ className }: {
        className: any;
    }) => JSX.Element;
    visControls: ({ className }: {
        className: any;
    }) => JSX.Element;
    visGauge: ({ className }: {
        className: any;
    }) => JSX.Element;
    visGoal: ({ className }: {
        className: any;
    }) => JSX.Element;
    visHeatmap: ({ className }: {
        className: any;
    }) => JSX.Element;
    visLine: ({ className }: {
        className: any;
    }) => JSX.Element;
    visMapCoordinate: ({ className }: {
        className: any;
    }) => JSX.Element;
    visMapRegion: ({ className }: {
        className: any;
    }) => JSX.Element;
    visMetric: ({ className }: {
        className: any;
    }) => JSX.Element;
    visPie: ({ className }: {
        className: any;
    }) => JSX.Element;
    visTable: ({ className }: {
        className: any;
    }) => JSX.Element;
    visTagCloud: ({ className }: {
        className: any;
    }) => JSX.Element;
    visText: ({ className }: {
        className: any;
    }) => JSX.Element;
    visTimelion: ({ className }: {
        className: any;
    }) => JSX.Element;
    visualizeApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    visVega: ({ className }: {
        className: any;
    }) => JSX.Element;
    visVisualBuilder: ({ className }: {
        className: any;
    }) => JSX.Element;
    watchesApp: ({ className }: {
        className: any;
    }) => JSX.Element;
    wrench: ({ className }: {
        className: any;
    }) => JSX.Element;
};
export declare const TYPES: IconType[];
export declare type IconType = keyof typeof typeToIconMap;
declare const colorToClassMap: {
    default: null;
    primary: string;
    secondary: string;
    success: string;
    accent: string;
    warning: string;
    danger: string;
    text: string;
    subdued: string;
    ghost: string;
};
export declare const COLORS: NamedColor[];
declare type NamedColor = keyof typeof colorToClassMap;
export declare type IconColor = string | NamedColor;
declare const sizeToClassNameMap: {
    original: null;
    s: string;
    m: string;
    l: string;
    xl: string;
    xxl: string;
};
export declare const SIZES: IconSize[];
export declare type IconSize = keyof typeof sizeToClassNameMap;
export interface IconProps {
    type?: IconType;
    /**
     * One of EUI's color palette or a valid CSS color value https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
     */
    color?: IconColor;
    size?: IconSize;
}
export declare class Icon extends PureComponent<{
    title?: any;
    type?: any;
    size?: string;
    color?: any;
    className?: any;
    tabIndex?: any;
    href?: string;
}> {
    static defaultProps: {
        size: string;
    };
    render(): JSX.Element;
}
export {};