"use client"

import { CometChatThemeContext } from "@cometchat//chat-uikit-react"
import { useContext } from "react"

interface IProps {
  children: any
}

export const CustomCometChatTheme = ({ children }: IProps) => {
  const { theme } = useContext(CometChatThemeContext)

  theme.typography.setFontFamily("Lexend")
  theme.palette.setPrimary({ light: "#030712", dark: "#030712" })

  return <CometChatThemeContext.Provider value={{ theme }}>{children}</CometChatThemeContext.Provider>
}