1
import type { ReactNode } from "react";
2
 
3
import { ShareDialogShellContext, ShareLinkContext, SharePeopleContext, SitePublishContext } from "./context";
4
import type { ShareDialogSlices } from "./types";
5
 
6
export function ShareDialogProviders({ slices, children }: { slices: ShareDialogSlices; children: ReactNode }) {
7
  return (
8
    <ShareDialogShellContext.Provider value={slices.shell}>
9
      <SharePeopleContext.Provider value={slices.people}>
10
        <ShareLinkContext.Provider value={slices.link}>
11
          <SitePublishContext.Provider value={slices.publish}>{children}</SitePublishContext.Provider>
12
        </ShareLinkContext.Provider>
13
      </SharePeopleContext.Provider>
14
    </ShareDialogShellContext.Provider>
15
  );
16
}