import {useState} from 'react';

export function useField() {
  const [fields, setFields] = useState({
    track: '',
    custom: '',
    anomaly: false,
    startTime: '',
    endTime: '',
    startTime2: '',
    endTime2: '',
  });

  function onChange(key) {
    return function (val) {
      setFields(prev => ({...prev, [key]: val}));
    };
  }

  function reset() {
    setFields({
      track: '',
      custom: '',
      anomaly: false,
      startTime: '',
      endTime: '',
      startTime2: '',
      endTime2: '',
    });
  }

  return [fields, {onChange, reset}];
}