dether-ui/dist/Logo/Logo.js

DETHER.IO Design System

"use strict";

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

var _react = _interopRequireWildcard(require("react"));

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

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

var _Icon = _interopRequireDefault(require("../Icon"));

var _Logo = _interopRequireDefault(require("./Logo.displays"));

var _Logo2 = _interopRequireDefault(require("./Logo.sizes"));

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

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }

var InlineIcon = _styledComponents.default.div.withConfig({
  displayName: "InlineIcon",
  componentId: "sc-1tajbtu-0"
})(["display:inline-block;", ";"], function (_ref) {
  var marginLeft = _ref.marginLeft;
  return marginLeft && 'margin-left: 10px;';
});

var Logo = function Logo(_ref2) {
  var display = _ref2.display,
      size = _ref2.size;

  switch (display) {
    case 'logo':
      return _react.default.createElement(_Icon.default, {
        name: "logo",
        size: size
      });

    case 'name':
      return _react.default.createElement(_Icon.default, {
        name: "logoText",
        size: size
      });

    case 'all':
    default:
      return _react.default.createElement(_react.Fragment, null, _react.default.createElement(InlineIcon, null, _react.default.createElement(_Icon.default, {
        name: "logo",
        size: size
      })), _react.default.createElement(InlineIcon, {
        marginLeft: true
      }, _react.default.createElement(_Icon.default, {
        name: "logoText",
        size: size
      })));
  }
};

Logo.propTypes = {
  display: _propTypes.default.oneOf(_Logo.default),
  size: _propTypes.default.oneOf(_Logo2.default)
};
Logo.defaultProps = {
  display: 'all',
  size: 'lg'
};
var _default = Logo;
exports.default = _default;