import React, { type ReactElement, type SVGAttributes } from 'react';
import { type CommonProps, type PolymorphicComponent, type PolymorphicProps, type ExpandProps, type MarginProps, type PaddingProps } from '@contentful/f36-core';
import type { IconSize } from './types.js';
declare const ICON_DEFAULT_TAG = "svg";
export declare const sizes: {
    [key in IconSize]: `${number}px`;
};
export type IconInternalProps = CommonProps & MarginProps & PaddingProps & {
    children?: ReactElement | ReactElement[];
    /**
     * Determines the color of the icon
     */
    color?: string;
    /**
     * Determines the active state of the icon
     */
    isActive?: boolean;
    /**
     * Determines the size of the icon
     */
    size?: IconSize;
    /**
     * Custom SVG viewBox attribute to use
     */
    viewBox?: SVGAttributes<SVGSVGElement>['viewBox'];
};
export type IconProps<E extends React.ElementType = typeof ICON_DEFAULT_TAG> = PolymorphicProps<IconInternalProps, E, 'as' | 'children' | 'width' | 'height'>;
export declare function IconBase<E extends React.ElementType = typeof ICON_DEFAULT_TAG>(props: IconProps<E>): React.JSX.Element;
export declare const Icon: PolymorphicComponent<ExpandProps<IconInternalProps>, typeof ICON_DEFAULT_TAG, "width" | "height">;
export {};