@hitachivantara/uikit-react-core/dist/Dialog/Title/Title.js

UI Kit Core React components.

import { HvTypography } from "../../Typography/Typography.js";
import { HvStatusIcon } from "../../StatusIcon/StatusIcon.js";
import { useDialogContext } from "../context.js";
import { useClasses } from "./Title.styles.js";
import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
import { jsx, jsxs } from "react/jsx-runtime";
import MuiDialogTitle from "@mui/material/DialogTitle";
//#region src/Dialog/Title/Title.tsx
var HvDialogTitle = (props) => {
	const { classes: classesProp, className, children, variant, showIcon = variant != null, customIcon, ...others } = useDefaultProps("HvDialogTitle", props);
	const { classes, cx } = useClasses(classesProp);
	const { fullScreen } = useDialogContext();
	const icon = customIcon || showIcon && /* @__PURE__ */ jsx(HvStatusIcon, { variant });
	return /* @__PURE__ */ jsxs(HvTypography, {
		component: MuiDialogTitle,
		variant: "title4",
		className: cx(classes.root, { [classes.fullScreen]: fullScreen }, className),
		...others,
		children: [icon, children]
	});
};
//#endregion
export { HvDialogTitle };