@geezee/react-ui/esm/modal/modal-content.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 ModalContent = function ModalContent(_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("div", _extends({}, props, {
    className: _JSXStyle.dynamic([["3613796814", [theme.layout.gap, theme.layout.gap, theme.layout.gapHalf]]]) + " " + (props && props.className != null && props.className || "content ".concat(className))
  }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "3613796814",
    dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gapHalf]
  }, ".content.__jsx-style-dynamic-selector{margin:0 -".concat(theme.layout.gap, ";padding:0 calc(").concat(theme.layout.gap, " * 1.5) ").concat(theme.layout.gapHalf, ";overflow-y:auto;}.content.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
};

var MemoModalContent = React.memo(ModalContent);
export default withDefaults(MemoModalContent, defaultProps);