Meda Shell State

1import { ShellStateProvider, useShellState } from '@medalsocial/meda'
2import type { ReactNode } from 'react'
3 
4export function AppShellStateProvider({
5  children,
6  searchParams,
7  setSearchParams,
8  activeRail = 'home',
9  selectionQueryParam = 'selection',
10  storageKey = 'app.side-panel.width',
11}: {
12  children: ReactNode
13  searchParams: URLSearchParams
14  setSearchParams: (updater: (current: URLSearchParams) => URLSearchParams) => void
15  activeRail?: string
16  selectionQueryParam?: string
17  storageKey?: string
18}) {
19  return (
20    <ShellStateProvider
21      adapter={{ searchParams, setSearchParams }}
22      initialActiveRail={activeRail}
23      selectionQueryParam={selectionQueryParam}
24      sidePanelWidthStorageKey={storageKey}
25    >
26      {children}
27    </ShellStateProvider>
28  )
29}
30 
31export { useShellState as useMedaShellState }