import * as React from "react";
import { SystemIcons } from "../../icons/dist/system-icons-enum";
import { ProductIcons } from "../../icons/dist/product-icons-enum";
import { IconSize } from "../../shared/types/iconSize";
export type IconShapes = SystemIcons | ProductIcons;
export interface IconProps {
    /**
     * If an icon is more than decorative and requires further context include a description for screen readers
     */
    ariaLabel?: string;
    /**
     * Allows custom styling
     */
    className?: string;
    /**
     * The fill color of the icon
     */
    color?: string;
    /**
     * The id of the SVG symbol we're rendering from a generated sprite
     */
    shape: SystemIcons | ProductIcons;
    /**
     * Which icon size to use for the width and height of the icon
     */
    size?: IconSize;
    /**
     * Human-readable selector used for writing tests
     */
    "data-cy"?: string;
    /**
     * Sets display to block if true
     */
    block?: boolean;
}
declare const Icon: ({ color, size, shape, ariaLabel, "data-cy": dataCy, block, className }: IconProps) => React.JSX.Element;
export default Icon;