import { jsx } from "react/jsx-runtime";
import "react";
import { useMantineStyleNonce } from "../MantineProvider/Mantine.context.mjs";
import { stylesToString } from "./styles-to-string/styles-to-string.mjs";
function InlineStyles(props) {
  const nonce = useMantineStyleNonce();
  return /* @__PURE__ */ jsx(
    "style",
    {
      "data-mantine-styles": "inline",
      nonce: nonce == null ? void 0 : nonce(),
      dangerouslySetInnerHTML: { __html: stylesToString(props) }
    }
  );
}
export {
  InlineStyles
};
