@geezee/react-ui
Version:
Modern and minimalist React UI library.
25 lines (22 loc) • 1.99 kB
JavaScript
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;