@mantine/core/cjs/core/InlineStyles/InlineStyles.cjs

React components library focused on usability, accessibility and developer experience

'use client';
'use strict';

var React = require('react');
require('@mantine/hooks');
var Mantine_context = require('../MantineProvider/Mantine.context.cjs');
require('../MantineProvider/default-theme.cjs');
require('../MantineProvider/MantineProvider.cjs');
require('../MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs');
var stylesToString = require('./styles-to-string/styles-to-string.cjs');

function InlineStyles({ selector, styles, media }) {
  const nonce = Mantine_context.useMantineStyleNonce();
  return /* @__PURE__ */ React.createElement(
    "style",
    {
      "data-mantine-styles": "inline",
      nonce: nonce?.(),
      dangerouslySetInnerHTML: { __html: stylesToString.stylesToString({ selector, styles, media }) }
    }
  );
}

exports.InlineStyles = InlineStyles;
//# sourceMappingURL=InlineStyles.cjs.map