import * as react from 'react';
import { SVGProps, ElementType, ComponentProps } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { StyledSystemProps, FillProp, HeightProp, StrokeProp, WidthProp } from '../../styling/src/styled-system/props-handler.js';
import { SlotProps, InternalProps, OmitInternalProps } from '../../shared/src/types.js';
import { ResponsiveProp } from '../../styling/src/useResponsiveValue.js';
import 'csstype';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';
import '../../styling/src/BreakpointProvider.js';

type OverlappingStyleProps = "fill" | "height" | "stroke" | "width";
interface InnerSvgImageProps extends Omit<StyledSystemProps, OverlappingStyleProps>, SlotProps, Omit<InternalProps, "as">, Omit<SVGProps<SVGSVGElement>, keyof StyledSystemProps | OverlappingStyleProps> {
    /**
     * See [WCAG](https://www.w3.org/TR/WCAG20-TECHS/ARIA14.html).
     */
    "aria-label": string;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill).
     */
    fill?: FillProp;
    /**
     * The image height.
     */
    height?: HeightProp;
    /**
     * An SVG as a component.
     */
    src?: ResponsiveProp<ElementType>;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke).
     */
    stroke?: StrokeProp;
    /**
     * The image width.
     */
    width?: WidthProp;
}
declare function InnerSvgImage({ forwardedRef, src, ...rest }: InnerSvgImageProps): react_jsx_runtime.JSX.Element;
/**
 * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/image--shape  )
*/
declare const SvgImage: react.ForwardRefExoticComponent<Omit<OmitInternalProps<InnerSvgImageProps>, "ref"> & react.RefAttributes<any>>;
type SvgImageProps = ComponentProps<typeof SvgImage>;

export { InnerSvgImage, type InnerSvgImageProps, SvgImage, type SvgImageProps };