import { SVGAttributes } from 'react';
import type { InlineSVGTheme, OtherHTMLAttributes } from '@instructure/shared-types';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
type InlineSVGOwnProps = {
    children?: React.ReactNode;
    src?: string;
    title?: string;
    description?: string;
    focusable?: boolean;
    /**
     * Width of the SVG. Accepts valid CSS unit strings like '1rem'
     * To let the SVG expand to fill its container, use "`auto`"
     */
    width?: string | number;
    /**
     * Height of the SVG. Accepts valid CSS unit strings like '1rem'
     * To let the SVG expand to fill its container, use "`auto`"
     */
    height?: string | number;
    inline?: boolean;
    color?: 'inherit' | 'primary' | 'secondary' | 'primary-inverse' | 'secondary-inverse' | 'success' | 'error' | 'alert' | 'warning' | 'brand' | 'auto';
    /**
     * provides a reference to the underlying html root element
     */
    elementRef?: (element: Element | null) => void;
};
type PropKeys = keyof InlineSVGOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type InlineSVGProps = InlineSVGOwnProps & WithStyleProps<InlineSVGTheme, InlineSVGStyle> & OtherHTMLAttributes<InlineSVGOwnProps, SVGAttributes<InlineSVGOwnProps>> & WithDeterministicIdProps;
type InlineSVGStyle = ComponentStyle<'inlineSVG'>;
declare const allowedProps: AllowedPropKeys;
export type { InlineSVGProps, InlineSVGOwnProps, InlineSVGStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map