import React from "react";
import PropTypes from "prop-types";
import CivicLogo from "./CivicLogo";
import CivicLogoInverted from "./CivicLogoInverted";
import CivicLogoAnimated from "./CivicLogoAnimated";
import CivicLogoAnimatedInverted from "./CivicLogoAnimatedInverted";
import CivicLogoC from "./CivicLogoC";
import CivicLogoCAnimated from "./CivicLogoCAnimated";
import CivicLogoCInverted from "./CivicLogoCInverted";

function Logo(_ref) {
  var type = _ref.type,
      alt = _ref.alt;

  switch (type) {
    case "standardLogo":
      return React.createElement(CivicLogo, {
        alt: alt
      });

    case "standardLogoInverted":
      return React.createElement(CivicLogoInverted, {
        alt: alt
      });

    case "standardLogoAnimated":
      return React.createElement(CivicLogoAnimated, {
        alt: alt
      });

    case "standardLogoAnimatedInverted":
      return React.createElement(CivicLogoAnimatedInverted, {
        alt: alt
      });

    case "squareLogo":
      return React.createElement(CivicLogoC, {
        alt: alt
      });

    case "squareLogoAnimated":
      return React.createElement(CivicLogoCAnimated, {
        alt: alt
      });

    case "squareLogoInverted":
      return React.createElement(CivicLogoCInverted, {
        alt: alt
      });

    default:
      return React.createElement(CivicLogoAnimated, {
        alt: alt
      });
  }
}

Logo.displayName = "Logo";
Logo.propTypes = {
  type: PropTypes.string,
  alt: PropTypes.string
};
Logo.defaultProps = {
  type: "standardLogoAnimated",
  alt: "CIVIC Logo"
};
export default Logo;