@geezee/react-ui/esm/input/input-block-label.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 InputBlockLabel = function InputBlockLabel(_ref) {
  var children = _ref.children,
      props = _objectWithoutProperties(_ref, ["children"]);

  var theme = useTheme();
  return /*#__PURE__*/React.createElement("label", _extends({}, props, {
    className: _JSXStyle.dynamic([["4010567681", [theme.palette.cNeutral7, theme.layout.gapHalf]]]) + " " + (props && props.className != null && props.className || "")
  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "4010567681",
    dynamic: [theme.palette.cNeutral7, theme.layout.gapHalf]
  }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(theme.palette.cNeutral7, ";padding:0 0 0 1px;margin-bottom:").concat(theme.layout.gapHalf, ";font-size:1rem;line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
};

var MemoInputBlockLabel = React.memo(InputBlockLabel);
export default MemoInputBlockLabel;