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

React component library for Help Scout's Design System

"use strict";

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

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

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

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

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

var config = {
  size: {
    lg: '48px',
    md: '40px',
    sm: '32px'
  }
};
exports.config = config;
var ControlUI = (0, _styledComponents.default)(_Skeleton.default).withConfig({
  displayName: "SkeletonControlcss__ControlUI",
  componentId: "sc-4c6pe6-0"
})(["border-radius:4px;height:", ";width:100%;", ";"], config.size.md, getSizeStyles);
exports.ControlUI = ControlUI;

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