Repository Card Context

1/* eslint-disable react-refresh/only-export-components */
2// ========================================
3// REPOSITORY CARD GLASS CONTEXT
4// Context for compound component state
5// ========================================
6 
7import { createContext, useContext } from 'react';
8 
9export interface RepositoryCardContextValue {
10  /** Whether the card is expanded */
11  expanded: boolean;
12  /** Toggle expanded state */
13  onToggle?: () => void;
14}
15 
16const RepositoryCardContext = createContext<RepositoryCardContextValue | null>(null);
17 
18/**
19 * Hook to access RepositoryCardGlass context
20 * @throws Error if used outside of RepositoryCardGlass.Root
21 */
22export function useRepositoryCard(): RepositoryCardContextValue {
23  const context = useContext(RepositoryCardContext);
24  if (!context) {
25    throw new Error(
26      '[RepositoryCardGlass] useRepositoryCard must be used within RepositoryCardGlass.Root'
27    );
28  }
29  return context;
30}
31 
32/**
33 * Hook to optionally access RepositoryCardGlass context
34 * Returns null if used outside of RepositoryCardGlass.Root
35 */
36export function useRepositoryCardOptional(): RepositoryCardContextValue | null {
37  return useContext(RepositoryCardContext);
38}
39 
40export { RepositoryCardContext };