import { useState } from 'react';

const useArray = <Type>(initialValue: Type[]) => {
  const [value, setValue] = useState(initialValue);

  const clear = () => {
    setValue([]);
  };

  const removeIndex = (index: number) => {
    const clonedValue = [...value];
    clonedValue.splice(index, 1);
    setValue(clonedValue);
  };

  const add = (item: Type) => {
    const newValue = [...value, item];
    setValue(newValue);
  };

  return { value, clear, removeIndex, add };
};

export default useArray;