"use client";

import { createContext, ReactNode, useContext } from "react";

/** Current user's roles, provided by the app shell from the verified session. */
const RolesContext = createContext<string[]>([]);

export function RolesProvider({ roles, children }: { roles: string[]; children: ReactNode }) {
  return <RolesContext.Provider value={roles}>{children}</RolesContext.Provider>;
}

export function useRoles(): string[] {
  return useContext(RolesContext);
}