@hackoregon/component-library/src/Logo/CivicLogoAnimatedInverted.js

Official repo for Hack Oregon React component library

import React from "react";
import PropTypes from "prop-types";
import isClient from "../utils/isClient";
import animatedLogoInverted from "../../assets/civic-logo-invert-animated.svg";

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

const CivicLogoAnimatedInverted = ({ alt }) =>
  isClient && <img style={styles} src={animatedLogoInverted} alt={alt} />;

CivicLogoAnimatedInverted.displayName = "Logo";
CivicLogoAnimatedInverted.propTypes = {
  alt: PropTypes.string
};

export default CivicLogoAnimatedInverted;