import { proxyWith } from '@wener/reaction/valtio';

// export interface PageLayoutState {
//   expanded?: boolean;
// }

interface GlobalLayoutState {
  pages: Record<string, any>;
}

export function usePageLayoutState(
  page: string,
  {
    initial = {},
  }: {
    initial?: any;
  } = {},
) {
  const state: GlobalLayoutState = proxyWith({
    name: 'GlobalLayoutState',
    global: true,
    storage: true,
    initialState: { pages: {} },
  });
  state.pages[page] ||= initial;
  return state.pages[page];
}