import React, { useState } from "react";

export const useArray = <T,>(arr: T[]) => {
  const [value, setValue] = useState(arr);

  const add = (item: T) => setValue([...value, item]);

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

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

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