@cgi-learning-hub/ui/dist/DialogTitle-Dly5D3Ud.js

@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features

import * as i from "react";
import { P as o } from "./index-B9vkf41S.js";
import { F as y, G as C, H as p } from "./generateUtilityClasses-B_xKAflz.js";
import { u as f, s as m, c as u, r as D } from "./DefaultPropsProvider-BrmlvPWg.js";
import { jsx as d } from "react/jsx-runtime";
import { T as g } from "./Typography-Cr-aIusw.js";
import { f as N } from "./DialogContent-MPwmUJQp.js";
import { a as b } from "./Dialog-D__8rwpw.js";
function h(t) {
  return C("MuiDialogContentText", t);
}
const G = y("MuiDialogContentText", ["root"]), w = (t) => {
  const {
    classes: s
  } = t, e = u({
    root: ["root"]
  }, h, s);
  return {
    ...s,
    // forward classes to the Typography
    ...e
  };
}, O = m(g, {
  shouldForwardProp: (t) => D(t) || t === "classes",
  name: "MuiDialogContentText",
  slot: "Root"
})({}), j = /* @__PURE__ */ i.forwardRef(function(s, a) {
  const e = f({
    props: s,
    name: "MuiDialogContentText"
  }), {
    children: c,
    className: r,
    ...l
  } = e, n = w(l);
  return /* @__PURE__ */ d(O, {
    component: "p",
    variant: "body1",
    color: "textSecondary",
    ref: a,
    ownerState: l,
    className: p(n.root, r),
    ...e,
    classes: n
  });
});
process.env.NODE_ENV !== "production" && (j.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
const R = (t) => {
  const {
    classes: s
  } = t;
  return u({
    root: ["root"]
  }, N, s);
}, v = m(g, {
  name: "MuiDialogTitle",
  slot: "Root"
})({
  padding: "16px 24px",
  flex: "0 0 auto"
}), M = /* @__PURE__ */ i.forwardRef(function(s, a) {
  const e = f({
    props: s,
    name: "MuiDialogTitle"
  }), {
    className: c,
    id: r,
    ...l
  } = e, n = e, T = R(n), {
    titleId: x = r
  } = i.useContext(b);
  return /* @__PURE__ */ d(v, {
    component: "h2",
    className: p(T.root, c),
    ownerState: n,
    ref: a,
    variant: "h6",
    id: r ?? x,
    ...l
  });
});
process.env.NODE_ENV !== "production" && (M.propTypes = {
  // ┌────────────────────────────── Warning ──────────────────────────────┐
  // │ These PropTypes are generated from the TypeScript type definitions. │
  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
  // └─────────────────────────────────────────────────────────────────────┘
  /**
   * The content of the component.
   */
  children: o.node,
  /**
   * Override or extend the styles applied to the component.
   */
  classes: o.object,
  /**
   * @ignore
   */
  className: o.string,
  /**
   * @ignore
   */
  id: o.string,
  /**
   * The system prop that allows defining system overrides as well as additional CSS styles.
   */
  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
});
export {
  j as D,
  M as a,
  G as d,
  h as g
};