@geezee/react-ui/esm/modal/modal-title.js

Modern and minimalist React UI library.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _JSXStyle from "styled-jsx/style";
import React from 'react';
import withDefaults from '../utils/with-defaults';
import useTheme from '../styles/use-theme';
var defaultProps = {
  className: ''
};

var ModalTitle = function ModalTitle(_ref) {
  var className = _ref.className,
      children = _ref.children,
      props = _objectWithoutProperties(_ref, ["className", "children"]);

  var theme = useTheme();
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h2", _extends({}, props, {
    className: _JSXStyle.dynamic([["4176989393", [theme.layout.gapHalf, theme.palette.cNeutral7]]]) + " " + (props && props.className != null && props.className || className || "")
  }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "4176989393",
    dynamic: [theme.layout.gapHalf, theme.palette.cNeutral7]
  }, "h2.__jsx-style-dynamic-selector{font-size:1.2857rem;line-height:1.7857rem;font-weight:500;text-align:center;margin:0;margin-bottom:".concat(theme.layout.gapHalf, ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:break-word;text-transform:capitalize;color:").concat(theme.palette.cNeutral7, ";}")));
};

var MemoModalTitle = React.memo(ModalTitle);
export default withDefaults(MemoModalTitle, defaultProps);