import React from "react";
export declare const DEFAULT_BOX_SIZE = 40;
export declare const DEFAULT_ICON_SIZE = 16;
export declare const DEFAULT_BADGE_SIZE = 20;
export type IconProps = {
    size?: number;
    color?: string;
};
export type IconBoxProps = {
    /**
     * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.
     */
    Badge?: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);
    /**
     * Color of the border
     */
    borderColor?: string;
    /**
     * Badge color, will be applied to the component provided in the `Badge` prop
     */
    badgeColor?: string;
    /**
     * Badge size, will be applied to the component provided in the `Badge` prop
     */
    badgeSize?: number;
    children?: JSX.Element;
    /**
     * Box size for preview
     */
    size?: number;
};
export type BoxedIconProps = IconBoxProps & {
    /**
     * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.
     */
    Icon: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);
    /**
     * Icon size, will be applied to the component provided in the `Icon` prop
     */
    iconSize?: number;
    /**
     * Icon color, will be applied to the component provided in the `Icon` prop
     */
    iconColor?: string;
};
export declare const IconBox: ({ Badge, size, children, borderColor, badgeColor, badgeSize, }: IconBoxProps) => React.JSX.Element;
declare const BoxedIcon: ({ Icon, iconSize, iconColor, ...iconBoxProps }: BoxedIconProps) => React.JSX.Element;
export default BoxedIcon;
//# sourceMappingURL=BoxedIcon.d.ts.map