@hitachivantara/uikit-react-core
Version:
UI Kit Core React components.
39 lines (38 loc) • 1.32 kB
JavaScript
import { HvCallout } from "../../utils/Callout.js";
import { useClasses } from "./BannerContent.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";
//#region src/Banner/BannerContent/BannerContent.tsx
var HvBannerContent = forwardRef(function HvBannerContent(props, ref) {
const { id, classes: classesProp, className, showIcon, customIcon, variant = "default", onClose, actions, onAction, actionsPosition = "auto", content, children, actionProps, size, ...others } = useDefaultProps("HvBannerContent", props);
const { classes, cx } = useClasses(classesProp);
return /* @__PURE__ */ jsx(HvCallout, {
ref,
id,
variant,
showClose: onClose !== void 0,
showIcon,
customIcon,
classes: {
root: cx(classes.root, classes[variant], className),
message: classes.message,
action: classes.action,
messageIcon: classes.iconContainer,
messageContent: classes.messageContainer,
actionCustom: classes.messageActions,
actionContent: classes.actionContainer,
actionClose: classes.closeAction
},
actions,
actionsPosition,
actionProps,
onClose: (evt) => onClose?.(evt),
onAction,
size,
...others,
children: children ?? content
});
});
//#endregion
export { HvBannerContent };