'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _styledComponents = require('styled-components');

var _styledComponents2 = _interopRequireDefault(_styledComponents);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var HelpText = _styledComponents2.default.div.withConfig({ displayName: 'HelpText' }).withConfig({
  displayName: 'HelpText__HelpText'
})(['color: ', ';font-style: italic;font-weight: ', ';padding: ', ';font-family: ', ';'], function (_ref) {
  var theme = _ref.theme;
  return theme.helpText.fg;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.helpText.fontWeight;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.input.helpTextPadding;
}, function (_ref4) {
  var theme = _ref4.theme;
  return theme.helpText.fontFamily;
});

HelpText.usage = '\n# HelpText\n\nHelpText goes below an input or interactive component to give the user some information about what\nthat component might do, or below some information to explain its meanin  g, context or importance.\n';

exports.default = HelpText;