dether-ui/dist/Avatar/Avatar.style.js

DETHER.IO Design System

"use strict";

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

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

var _Colors = _interopRequireDefault(require("../Colors"));

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

var sizes = {
  small: '48px',
  large: '100px'
};

var BaseStyle = _styledComponents.default.div.withConfig({
  displayName: "BaseStyle",
  componentId: "sc-4m0x85-0"
})(["width:", ";height:", ";background:", ";background-size:cover;background-position:center center;border-radius:100%;"], function (props) {
  return sizes[props.size];
}, function (props) {
  return sizes[props.size];
}, function (props) {
  return props.src ? "url(".concat(props.src, ")") : _Colors.default.black.light;
});

var _default = BaseStyle;
exports.default = _default;