@helpscout/hsds-react/components/OptionTile/OptionIcon.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.OptionIconUI = exports.config = void 0;

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

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

var config = {
  backgroundColor: (0, _color.getColor)('purple.500'),
  color: 'white',
  size: 44
};
exports.config = config;
var OptionIconUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "OptionIconcss__OptionIconUI",
  componentId: "sc-1ogz2ik-0"
})(["align-items:center;border-radius:99999px;display:flex;height:", "px;justify-content:center;width:", "px;", ";"], config.size, config.size, function (props) {
  return renderThemeStyles(props);
});
exports.OptionIconUI = OptionIconUI;

function renderThemeStyles(props) {
  var backgroundColor = (0, _color.getThemeBrandProp)(props, 'brandColor', config.backgroundColor);
  var color = (0, _color.getThemeBrandProp)(props, 'textColor', config.color);
  return "\n    background-color: " + backgroundColor + ";\n    color: " + color + ";\n  ";
}

var _default = OptionIconUI;
exports.default = _default;