@gssfed/vital-ui-kit-react/dist/Form/components/Hint.js

Vital UI Kit for React!

var _templateObject = _taggedTemplateLiteral(['\n  display: block !important;\n  padding-top: 0.4rem;\n  font-size: 0.8rem;\n  line-height: 1.42857;\n  padding-left: 1px;\n  white-space: normal;\n  color: ', ';\n'], ['\n  display: block !important;\n  padding-top: 0.4rem;\n  font-size: 0.8rem;\n  line-height: 1.42857;\n  padding-left: 1px;\n  white-space: normal;\n  color: ', ';\n']);

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import * as React from 'react';
import styled from 'styled-components';

import { stateColor } from '../../utils';

var Root = styled.div(_templateObject, function (props) {
  return stateColor(props, props.theme.form.hint.color);
});

var Hint = function Hint(_ref) {
  var text = _ref.text,
      alarm = _ref.alarm,
      warning = _ref.warning,
      success = _ref.success;
  return React.createElement(
    Root,
    { alarm: alarm, warning: warning, success: success },
    text
  );
};

Hint.defaultProps = {
  alarm: false,
  warning: false,
  success: false
};

export default Hint;