content: import React from 'react';
  import Form from 'shared/components/form/form';
  import { Line } from 'rc-progress';
  import PropTypes from 'prop-types';
  import FormSelect from 'shared/components/form/formSelect/formSelect';
  import { SCHOOLINFO } from 'shared/constants/status';
  import styles from './formComponents.css';
  
  const SchoolInfo = ({ percent, update }) => (
    <Form className={styles.signup}>
      <h3>Progress = {percent}%</h3>
      <Line percent={percent} strokeWidth="4" strokeColor="green" />
      <FormSelect
        id="schoolLevel"
        options={SCHOOLINFO}
        prompt="Level of Schooling"
        onChange={e => update(e, e.target.value)}
      />
      <FormSelect
        id="scholarships"
        options={
          [
            {
              value: true,
              label: 'I would like updates on scholarships'
            },
            {
              value: false,
              label: 'I would not like to receive scholarships'
            },
          ]
        }
        prompt="Seeking Scholarship Information?"
        onChange={e => update(e, e.target.value)}
      />
  
    </Form>
  );
  
  SchoolInfo.propTypes = {
    update: PropTypes.func,
    percent: PropTypes.string
  };
  
  SchoolInfo.defaultProps = {
    update: null,
    percent: '0'
  };
  
  export default SchoolInfo;
  