@geezee/react-ui/esm/radio/radio-description.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 withDefaults from '../utils/with-defaults';
import useTheme from '../styles/use-theme';
var defaultProps = {
  className: ''
};

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

  var theme = useTheme();
  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
    className: _JSXStyle.dynamic([["1348910672", [theme.palette.accents_3]]]) + " " + (props && props.className != null && props.className || className || "")
  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "1348910672",
    dynamic: [theme.palette.accents_3]
  }, "span.__jsx-style-dynamic-selector{color:".concat(theme.palette.accents_3, ";font-size:calc(var(--radio-size) * 0.85);padding-left:calc(var(--radio-size) + var(--radio-size) * 0.375);}")));
};

var MemoRadioDescription = React.memo(RadioDescription);
export default withDefaults(MemoRadioDescription, defaultProps);