import { CSSProperties } from 'react';
import { brand } from '../../style/theme';
import { SizeProp } from '@fortawesome/fontawesome-svg-core';
export declare const iconTable: {
    Account: string;
    Backend: string;
    Tape: string;
    'Node-backend': string;
    'Volume-backend': string;
    'Node-pdf': string;
    'Volume-pdf': string;
    Network: string;
    Bucket: string;
    'Cloud-backend': string;
    Datacenter: string;
    'Simple-user': string;
    User: string;
    Group: string;
    Alert: string;
    Bell: string;
    'Lat-menu': string;
    Dashboard: string;
    Workflow: string;
    Expiration: string;
    Replication: string;
    Transition: string;
    Discovery: string;
    Metrics: string;
    Edit: string;
    Logs: string;
    Lock: string;
    'Lock-open': string;
    'Create-add': string;
    Delete: string;
    Save: string;
    'External-link': string;
    Link: string;
    Unlink: string;
    Close: string;
    'Dropdown-down': string;
    'Dropdown-up': string;
    Search: string;
    More: string;
    Info: string;
    Sync: string;
    Export: string;
    Copy: string;
    'Simple-upload': string;
    Upload: string;
    'Add-plus': string;
    Minus: string;
    'Remove-minus': string;
    Sort: string;
    'Sort-up': string;
    'Sort-down': string;
    Calendar: string;
    'Calendar-minus': string;
    'Arrow-up': string;
    'Arrow-down': string;
    'Arrow-right': string;
    'Arrow-left': string;
    'Arrow-alt-circle-up': string;
    Folder: string;
    File: string;
    'File-invoice': string;
    'Deletion-marker': string;
    'Map-marker': string;
    Location: string;
    'Info-circle': string;
    'Exclamation-triangle': string;
    'Exclamation-circle': string;
    Exclamation: string;
    Check: string;
    Protected: string;
    'Chevron-left': string;
    'Chevron-right': string;
    'Chevron-down': string;
    'Chevron-up': string;
    'Angle-right': string;
    'Angle-double-right': string;
    Language: string;
    Theme: string;
    Documentation: string;
    Support: string;
    EULA: string;
    'Log-out': string;
    Hourglass: string;
    Pause: string;
    'Pause-circle': string;
    'Play-circle': string;
    Upgrade: string;
    Expansion: string;
    Rebalance: string;
    Maintenance: string;
    Role: string;
    'Change-erasure': string;
    'Circle-health': string;
    'Circle-empty': string;
    'Dot-circle': string;
    'Check-circle': string;
    'Times-circle': string;
    Toolbox: string;
    Cubes: string;
    'File-alt': string;
    Policy: string;
    Pen: string;
    Pencil: string;
    Eye: string;
    EyeSlash: string;
    Snowflake: string;
    Key: string;
    Filter: string;
    Download: string;
    Certificate: string;
    Redo: string;
    Eraser: string;
    'ID-card': string;
    Setting: string;
};
export type IconName = keyof typeof iconTable;
export type IconColor = keyof typeof brand;
type Props = {
    name: IconName;
    size?: SizeProp;
    color?: IconColor | CSSProperties['color'];
    ariaLabel?: string;
    withWrapper?: boolean;
};
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    size: SizeProp;
}, never>;
declare function Icon({ withWrapper, ...props }: Props): JSX.Element;
export { Icon };
//# sourceMappingURL=Icon.component.d.ts.map