@geezee/react-ui/esm/modal/modal-actions.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 useTheme from '../styles/use-theme';

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

  var theme = useTheme();
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("footer", _extends({}, props, {
    className: _JSXStyle.dynamic([["3418521478", [theme.layout.gapHalf, theme.layout.gap]]]) + " " + (props && props.className != null && props.className || "")
  }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "3418521478",
    dynamic: [theme.layout.gapHalf, theme.layout.gap]
  }, "footer.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-pack:space-around;-webkit-justify-content:space-around;-ms-flex-pack:space-around;justify-content:space-around;width:100%;padding:calc(".concat(theme.layout.gapHalf, " * 1.5) 0 calc(").concat(theme.layout.gap, " * 0.5);}")));
};

var MemoModalActions = React.memo(ModalActions);
export default MemoModalActions;