content: import React from 'react';
  import PropTypes from 'prop-types';
  import Option from './Option';
  
  const Options = props => (
    <div>
      <div className="widget-header">
        <h3 className="widget-header__title">Your Options</h3>
        <button
          className="button button--link"
          onClick={props.handleDeleteOptions}
        >
          Remove All
        </button>
      </div>
      {props.options.length === 0 && <p className="widget__message">Please add an option to get started</p>}
      {
        props.options.map((option, index) => (
          <Option
            key={option}
            optionText={option}
            count={index + 1}
            handleDeleteOption={props.handleDeleteOption}
          />
        ))
      }
    </div>
  );
  
  Options.propTypes = {
    options: PropTypes.node.isRequired,
    handleDeleteOptions: PropTypes.func.isRequired,
    handleDeleteOption: PropTypes.func.isRequired,
  };
  
  export default Options;
  