@helpscout/hsds-react/components/HelpText/HelpText.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.HelpTextUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _stateStyles = require("../../styles/mixins/stateStyles.css");

var _color = require("../../styles/utilities/color");

var HelpTextUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "HelpTextcss__HelpTextUI",
  componentId: "sc-7dwwt2-0"
})(["color:", ";padding:4px 0;", " &.is-compact{margin-top:-8px;}"], (0, _color.getColor)('text.subtle'), (0, _stateStyles.makeStateColorStyles)());
exports.HelpTextUI = HelpTextUI;
var _default = HelpTextUI;
exports.default = _default;