import { FlexProps, ThemingProps } from '@chakra-ui/react';
export interface InfoboxProps extends FlexProps {
    size?: ThemingProps<'Infobox'>['size'];
    variant?: ThemingProps<'Infobox'>['variant'];
    /**
     * The content of the infobox.
     */
    children: React.ReactNode;
    /**
     * Icon to show on the left of the infobox.
     * If not specified, a default icon will be used according to the infobox variant.
     * Provide `null` to hide the icon.
     */
    icon?: React.ReactNode;
}
export declare const Infobox: ({ variant, children, icon: iconProp, size, ...flexProps }: InfoboxProps) => JSX.Element;