import { useState, useCallback } from 'react';

export default function useDropdown(): {
  shouldShowDropdown: boolean;
  toggleShouldShowDropdown: () => void;
  setShouldShowDropdown: (state: boolean) => void;
  closeDropdown: () => void;
} {
  const [shouldShowDropdown, setShouldShowDropdown] = useState(false);
  const toggleShouldShowDropdown = useCallback(
    () => setShouldShowDropdown(!shouldShowDropdown),
    [shouldShowDropdown, setShouldShowDropdown],
  );
  const closeDropdown = useCallback(
    () => setShouldShowDropdown(false),
    [setShouldShowDropdown],
  );

  return {
    shouldShowDropdown, toggleShouldShowDropdown, setShouldShowDropdown, closeDropdown,
  };
}