import { jsx as _jsx } from "react/jsx-runtime";
import { cnb } from "cnbuilder";
import { forwardRef } from "react";
import { Typography } from "../typography/Typography.js";
/**
 * **Server Component**
 *
 * Look at the `Dialog` or `FixedDialog` components for example usage.
 */ export const DialogTitle = /*#__PURE__*/ forwardRef(function DialogTitle({ as = "h2", type = "headline-4", margin = "none", children, className, ...props }, ref) {
    return /*#__PURE__*/ _jsx(Typography, {
        ...props,
        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