import { jsx as _jsx } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { forwardRef } from "react";
import { Typography } from "../typography/Typography.js";
/**
 * The `DialogTitle` component is a simple `Typography` component wrapper with
 * sensible defaults to be rendered within a `Dialog`. Look at the `Dialog` or
 * `FixedDialog` components for example usage.
 *
 * @see {@link https://react-md.dev/components/dialog | Dialog Demos}
 */ export const DialogTitle = /*#__PURE__*/ forwardRef(function DialogTitle(props, ref) {
    const { as = "h2", type = "headline-4", margin = "none", children, className, ...remaining } = props;
    return /*#__PURE__*/ _jsx(Typography, {
        ...remaining,
        ref: ref,
        as: as,
        type: type,
        margin: margin,
        // Note: This class applies no styles at this time
        className: cnb("rmd-dialog__title", className),
        children: children
    });
});

//# sourceMappingURL=DialogTitle.js.map