@helpscout/hsds-react/components/Skeleton/Skeleton.Avatar.css.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.AvatarUI = exports.config = void 0;

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

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

var _Skeleton = _interopRequireDefault(require("./Skeleton.Block"));

var _Avatar = require("../Avatar/Avatar.css");

var _forEach = _interopRequireDefault(require("../../styles/utilities/forEach"));

var config = (0, _extends2.default)({}, _Avatar.config);
exports.config = config;
var AvatarUI = (0, _styledComponents.default)(_Skeleton.default).withConfig({
  displayName: "SkeletonAvatarcss__AvatarUI",
  componentId: "yft9yx-0"
})(["height:", "px;margin-bottom:8px;width:", "px;&.is-circle{border-radius:200%;}&.is-rounded{border-radius:3px;}&.is-square{border-radius:0;}", ";"], config.size.md.size, config.size.md.size, getSizeStyles);
exports.AvatarUI = AvatarUI;

function getSizeStyles() {
  return (0, _forEach.default)(config.size, function (size, props) {
    var sz = props.size;
    return "\n      &.is-" + size + " {\n        height: " + sz + "px;\n        width: " + sz + "px;\n      }\n    ";
  });
}