text: /* eslint-disable no-prototype-builtins */
  /* eslint-disable jsx-a11y/label-has-associated-control */
  import React, { useState } from 'react';
  import { genRandNumList } from './helpers/ParamHelper';
  import ListParam from './helpers/ListParam';
  import '../../styles/Param.scss';
  
  const DEFAULT_ARR = genRandNumList(10, 1, 100);
  const HEAP_SORT = 'Heap Sort';
  const HEAP_SORT_EXAMPLE = 'Please follow the example provided: 0,1,2,3,4';
  
  function HeapsortParam() {
    const [message, setMessage] = useState(null);
  
    return (
      <>
        <div className="form">
          <ListParam
            name="heapSort"
            buttonName="Sort"
            mode="sort"
            formClassName="formLeft"
            DEFAULT_VAL={DEFAULT_ARR}
            ALGORITHM_NAME={HEAP_SORT}
            EXAMPLE={HEAP_SORT_EXAMPLE}
            setMessage={setMessage}
          />
        </div>
  
        {/* render success/error message */}
        {message}
      </>
    );
  }
  
  export default HeapsortParam;
  