import React from 'react';
import type { IconProps } from './icon_types';
import type { Colors } from '../../../types';
interface SVGProps {
    'aria-describedby'?: string;
    'aria-hidden'?: boolean;
    'aria-label'?: string;
    'aria-labelledby'?: string;
    color?: Colors;
    'data-testid'?: string;
    children: React.ReactNode;
    display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex';
    fill?: string;
    id?: string;
    rotation?: number;
    scale?: number;
    title?: string;
    viewBox?: string;
    _modifierClass?: string;
}
/**
 * Provides a consistent interface for creating and using SVG icons.
 * Primarily intended for use with "modern" Express icons.
 *
 * SVG icons will be rendered at the dimensions they were designed for, as
 * determined by the `viewBox` attribute. They can be scaled up and down by an
 * arbitrary factor if needed, but do so with caution. SVG icons are generally
 * designed with careful attention to how strokes and shapes align to the pixel
 * grid, so scaling them risks introducing unwanted antialiasing artifacts on
 * lower-resolution screens.
 *
 * An icon's SVG elements should use the `currentColor` value for any strokes
 * or fills so that they apply the provided `color` prop or inherit the text
 * color. When creating new icons from SVGs exported from design software,
 * be sure to replace any hard-coded hex colors with `currentColor`.
 */
declare function IconSVG({ _modifierClass, 'aria-describedby': ariaDescribedby, 'aria-hidden': ariaHidden, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, children, color, 'data-testid': dataTestId, display, fill, id, rotation, scale, title, viewBox }: SVGProps): React.JSX.Element;
export { type IconProps };
export default IconSVG;