@age/quantum/Skeleton/sub-components/SkeletonButton.js

Catho react components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _propTypes = _interopRequireDefault(require("prop-types"));

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

var _SkeletonBase = _interopRequireDefault(require("./SkeletonBase"));

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

var SkeletonButton = (0, _styledComponents.default)(_SkeletonBase.default).withConfig({
  displayName: "SkeletonButton",
  componentId: "sc-179hdvi-0"
})(["border-radius:4px;", ""], function (_ref) {
  var size = _ref.size,
      _ref$theme$spacing = _ref.theme.spacing,
      large = _ref$theme$spacing.large,
      xlarge = _ref$theme$spacing.xlarge,
      xxlarge = _ref$theme$spacing.xxlarge,
      xxxlarge = _ref$theme$spacing.xxxlarge;
  var heights = {
    xsmall: "".concat(large, "px"),
    small: "".concat(xlarge, "px"),
    medium: "".concat(xxlarge, "px"),
    large: "".concat(xxxlarge, "px")
  };
  return "height: ".concat(heights[size], ";");
});
SkeletonButton.displayName = 'SkeletonButton';
SkeletonButton.propTypes = {
  size: _propTypes.default.oneOf(['xsmall', 'small', 'medium', 'large']).isRequired,
  theme: _propTypes.default.shape({
    spacing: _propTypes.default.object
  }).isRequired
};
var _default = SkeletonButton;
exports.default = _default;