UNPKG

@vlinderclimate/net-zero-ui

Version:

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

30 lines (29 loc) 1.16 kB
import React from "react"; import MuiAlert, { AlertProps as MuiAlertProps, AlertColor } from "@mui/material/Alert"; export interface AlertProps extends Omit<MuiAlertProps, "color"> { /** * Main color of the Alert. * Background with opacity and typography is solid. */ color?: AlertColor; /** * If filled is true, background color will be solid. */ filled?: boolean; /** * If rounded is false, the corners will be flat. */ rounded?: boolean; /** * Text alignment inside the Alert. */ align?: "flex-start" | "center" | "flex-end"; } interface StyledAlertProps extends Omit<AlertProps, "rounded"> { $rounded?: boolean; } export declare const backgroundMap: Record<AlertColor, string>; export declare const colorMap: Record<AlertColor, string>; export declare const StyledAlert: import("styled-components").StyledComponent<typeof MuiAlert, import("@mui/material/styles").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & StyledAlertProps, never>; declare const Alert: React.FC<AlertProps>; export default Alert;