Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | import React from "react"; import { Icon } from "../icon"; import { useConfig } from "../_util/config-context"; export interface ModalMessageProps { /** * 要提示的消息 */ message: React.ReactNode; /** * 可选的详细解释 */ description?: React.ReactNode; /** * 提示图标 */ icon?: "error" | "warning" | "pending" | "infoblue" | "success"; } export function ModalMessage({ icon, message, description, }: ModalMessageProps) { const { classPrefix } = useConfig(); return ( <div className={`${classPrefix}-media`}> {icon && ( <div className={`${classPrefix}-media__left`}> <Icon type={icon} size="l" /> </div> )} <div className={`${classPrefix}-media__body`}> <h3 className={`${classPrefix}-dialog__messagetitle`}>{message}</h3> {message && ( <div className={`${classPrefix}-dialog__messagetext`}> {description} </div> )} </div> </div> ); } |