@geezee/react-ui/esm/card/card-footer.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';
import withDefaults from '../utils/with-defaults';
var defaultProps = {
  disableAutoMargin: false,
  className: ''
};

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

  var theme = useTheme();
  return /*#__PURE__*/React.createElement("footer", _extends({}, props, {
    className: _JSXStyle.dynamic([["778301750", [theme.layout.gapHalf, theme.layout.gap, theme.palette.border, theme.expressiveness.R2, theme.expressiveness.R2, theme.layout.gap, theme.layout.gapQuarter]]]) + " " + (props && props.className != null && props.className || "".concat(disableAutoMargin ? '' : 'auto-margin', " ").concat(className))
  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "778301750",
    dynamic: [theme.layout.gapHalf, theme.layout.gap, theme.palette.border, theme.expressiveness.R2, theme.expressiveness.R2, theme.layout.gap, theme.layout.gapQuarter]
  }, "footer.__jsx-style-dynamic-selector{padding:".concat(theme.layout.gapHalf, " ").concat(theme.layout.gap, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;color:inherit;background-color:inherit;font-size:1rem;border-top:1px solid ").concat(theme.palette.border, ";border-bottom-left-radius:").concat(theme.expressiveness.R2, ";border-bottom-right-radius:").concat(theme.expressiveness.R2, ";min-height:calc(2.5 * ").concat(theme.layout.gap, ");}.auto-margin.__jsx-style-dynamic-selector *{margin-top:0;margin-bottom:0;margin-right:").concat(theme.layout.gapQuarter, ";}")));
};

var MemoCardFooter = React.memo(CardFooter);
export default withDefaults(MemoCardFooter, defaultProps);