content: import React from 'react';
  import PropTypes from 'prop-types';
  
  const SurveyParameters = ({
    onChecked,
    isAnonymous,
    hasMandatoryLabel,
    hasPageNumbers,
    hasProgressIndication,
    hasQuestionNumbers
  }) => {
  
    return (
      <div className="panel panel-default">
        <div className="panel-heading">
          <h3 className="panel-title text-center">Survey Parameters</h3>
        </div>
        <div className="panel-body">
          <ul className="nav nav-pills nav-stacked">
            <li>
              <input
                onChange={onChecked}
                name="isAnonymous"
                type="checkbox"
                checked={isAnonymous}
              />Make Anonymous Survey
            </li>
            <li>
              <input
                onChange={onChecked}
                name="hasQuestionNumbers"
                type="checkbox"
                checked={hasQuestionNumbers}
              />Add Question Numbers
            </li>
            <li>
              <input
                onChange={onChecked}
                name="hasPageNumbers"
                type="checkbox"
                checked={hasPageNumbers}
              />Add Page Numbers
            </li>
            <li>
              <input
                onChange={onChecked}
                name="hasMandatoryLabel"
                type="checkbox"
                checked={hasMandatoryLabel}
              />Mark Mandatory Questions With Red Asterisk
            </li>
            <li>
              <input
                onChange={onChecked}
                name="hasProgressIndication"
                type="checkbox"
                checked={hasProgressIndication}
              />Add Progress Indication
            </li>
          </ul>
        </div>
      </div>
    );
  };
  
  SurveyParameters.propTypes = {
    onChecked: PropTypes.func.isRequired,
    isAnonymous: PropTypes.bool.isRequired,
    hasPageNumbers: PropTypes.bool.isRequired,
    hasQuestionNumbers: PropTypes.bool.isRequired,
    hasMandatoryLabel: PropTypes.bool.isRequired,
    hasProgressIndication: PropTypes.bool.isRequired
  };
  
  export default SurveyParameters;
  