import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Box } from "../box/Box.js";
import { dialogHeader } from "./styles.js";
/**
 * The `DialogHeader` component should be rendered within a `Dialog` component
 * and generally contains the `DialogTitle`. Look at the `Dialog` or
 * `FixedDialog` components for example usage.
 *
 * @see {@link https://react-md.dev/components/dialog | Dialog Demos}
 * @since 6.0.0 Extends the `Box` component.
 */ export const DialogHeader = /*#__PURE__*/ forwardRef(function DialogHeader(props, ref) {
    const { align = "center", disableWrap = true, children, className, ...remaining } = props;
    return /*#__PURE__*/ _jsx(Box, {
        ...remaining,
        align: align,
        disableWrap: disableWrap,
        ref: ref,
        className: dialogHeader({
            className
        }),
        children: children
    });
});

//# sourceMappingURL=DialogHeader.js.map