"use strict";

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

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

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

var _isClient = _interopRequireDefault(require("../utils/isClient"));

var _civicLogoInvertAnimated = _interopRequireDefault(require("../../assets/civic-logo-invert-animated.svg"));

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

var styles = {
  height: "60px",
  width: "auto"
};

var CivicLogoAnimatedInverted = function CivicLogoAnimatedInverted(_ref) {
  var alt = _ref.alt;
  return _isClient["default"] && _react["default"].createElement("img", {
    style: styles,
    src: _civicLogoInvertAnimated["default"],
    alt: alt
  });
};

CivicLogoAnimatedInverted.displayName = "Logo";
CivicLogoAnimatedInverted.propTypes = {
  alt: _propTypes["default"].string
};
var _default = CivicLogoAnimatedInverted;
exports["default"] = _default;