@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
41 lines (40 loc) • 1.57 kB
TypeScript
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 {};