import React from 'react';
import './empty.scss';

const Empty = (props) => (
  <div className="container empty">
    <div className="empty__image" />
    <div className="empty__text">
      <h2 className="heading -gamma">{props.header}</h2>
      <span className="copy">{props.copy ? props.copy : null }</span>
    </div>
  </div>
);


export default Empty;

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

import './empty.scss';

const Empty = props => (
  <div className="container empty">
    <div className="empty__image" />
    <div className="empty__text">
      <h2 className="heading -gamma">{props.header}</h2>
      <span className="copy">{props.copy ? props.copy : null }</span>
    </div>
  </div>
);

Empty.propTypes = {
  header: PropTypes.string,
  copy: PropTypes.string,
};

Empty.defaultProps = {
  header: 'There are no results!',
  copy: 'Nothing to see here.',
};

export default Empty;

Add proptype validation to Empty component