hydra/src/renderer/src/hooks/use-section-collapse.ts

import { useState, useCallback } from "react";

interface SectionCollapseState {
  pinned: boolean;
  library: boolean;
  reviews: boolean;
}

export function useSectionCollapse() {
  const [collapseState, setCollapseState] = useState<SectionCollapseState>({
    pinned: false,
    library: false,
    reviews: false,
  });

  const toggleSection = useCallback((section: keyof SectionCollapseState) => {
    setCollapseState((prevState) => ({
      ...prevState,
      [section]: !prevState[section],
    }));
  }, []);

  return {
    collapseState,
    toggleSection,
    isPinnedCollapsed: collapseState.pinned,
    isLibraryCollapsed: collapseState.library,
    isReviewsCollapsed: collapseState.reviews,
  };
}