#react

functionComponent.js

import PropTypes from 'prop-types';
import React from 'react';

import styles from './index.less';

export default function Banner({ hasLogo }) {
  const logo = hasLogo ? <div className={styles.logo} /> : null;
  return <div className={styles.container}>{logo}</div>;
}

Banner.propTypes = {
  hasLogo: PropTypes.bool
};

Banner.defaultProps = {
  hasLogo: false
};