UNPKG

@geezee/react-ui

Version:

Modern and minimalist React UI library.

25 lines (22 loc) 1.99 kB
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 defaultProps = { className: '' }; var FieldsetFooter = function FieldsetFooter(_ref) { var className = _ref.className, children = _ref.children, props = _objectWithoutProperties(_ref, ["className", "children"]); var theme = useTheme(); return /*#__PURE__*/React.createElement("footer", _extends({}, props, { className: _JSXStyle.dynamic([["58007904", [theme.palette.accents_1, theme.palette.border, theme.expressiveness.R2, theme.expressiveness.R2, theme.palette.accents_6, theme.layout.gapHalf, theme.layout.gap]]]) + " " + (props && props.className != null && props.className || className || "") }), children, /*#__PURE__*/React.createElement(_JSXStyle, { id: "58007904", dynamic: [theme.palette.accents_1, theme.palette.border, theme.expressiveness.R2, theme.expressiveness.R2, theme.palette.accents_6, theme.layout.gapHalf, theme.layout.gap] }, "footer.__jsx-style-dynamic-selector{background-color:".concat(theme.palette.accents_1, ";border-top:1px solid ").concat(theme.palette.border, ";border-bottom-left-radius:").concat(theme.expressiveness.R2, ";border-bottom-right-radius:").concat(theme.expressiveness.R2, ";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;color:").concat(theme.palette.accents_6, ";padding:").concat(theme.layout.gapHalf, " ").concat(theme.layout.gap, ";font-size:0.875rem;min-height:2.875rem;box-sizing:border-box;}"))); }; FieldsetFooter.defaultProps = defaultProps; export default FieldsetFooter;