import { ComponentProps } from 'react';
import { RecipeVariantProps } from '../../../styled-system/css';
declare const BannerStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"title" | "icon" | "description" | "container", {
    type: {
        information: {
            container: {
                bg: "sd.system.color.component.surfaceContainer";
                color: "sd.system.color.component.onSurface";
            };
        };
        error: {
            container: {
                bg: "sd.system.color.impression.negativeContainer";
                color: "sd.system.color.impression.onNegativeContainer";
                borderWidth: "sd.system.dimension.border.medium";
                borderStyle: "solid";
                borderColor: "sd.system.color.impression.negativeContainer";
            };
            icon: {
                color: "sd.system.color.impression.negative";
            };
        };
        warning: {
            container: {
                bg: "sd.system.color.impression.noticeContainer";
                color: "sd.system.color.impression.onNoticeContainer";
                borderWidth: "sd.system.dimension.border.medium";
                borderStyle: "solid";
                borderColor: "sd.system.color.impression.noticeContainer";
            };
        };
    };
}>;
type BannerProps = {
    title: string;
    description: string;
    icon?: React.ReactElement;
} & ComponentProps<"div">;
export declare const Banner: React.FC<BannerProps & RecipeVariantProps<typeof BannerStyle>>;
export {};