text: import React from 'react';
  import PropTypes from 'prop-types';
  
  const LogotypeNavbar = (props) => (
  <React.Fragment>
      { /* START Logotype: Visible on: md, lg, xl */}
      <div className={` fw-600 sidebar-logo mb-1 text-left d-none d-lg-block ${ props.logoH }`}>
          { props.logotype } <i className="fa fa-angle-down"></i>
      </div>
      { /* END Logotype: Visible on: md, lg, xl */}
      { /* START Logotype: Visible on: xs, sm */}
      <div className="h6 fw-600 sidebar-logo mb-0 text-left d-lg-none">
          { props.logotype } <i className="fa fa-angle-down"></i>
      </div>
      { /* END Logotype: Visible on: xs, sm */}
      <div className="job-title small text-left d-flex">
          <span className="d-none d-lg-block">Version: </span>React, { props.version }
      </div>
  </React.Fragment>
  )
  
  LogotypeNavbar.propTypes = {
      logoH: PropTypes.node,
      logotype: PropTypes.node,
      version: PropTypes.node,
  };
  LogotypeNavbar.defaultProps = {
      logoH: "h5",
      logotype: "react",
      version: "2.0"
  };
  
  export { LogotypeNavbar };
  