Add translator


const WrapScreen = ({ setDarkTheme }: { setDarkTheme: React.Dispatch<React.SetStateAction<boolean>> }) => {
  const { dark, colors } = useTheme();

  return (
    <ThemeContextProvider setDarkTheme={setDarkTheme}>
      <AuthenticationCheckProvider>
        <TranslateProvider>
          <DrawerContainer>
            <StatusBar
              animated={true}
              barStyle={dark ? "light-content" : 'dark-content'}
              backgroundColor={colors.card}
              showHideTransition={'slide'}
              hidden={false}
            />
            <Screen />
          </DrawerContainer>
        </TranslateProvider>
      </AuthenticationCheckProvider>
    </ThemeContextProvider>

  )
}
export const translate = {
    en: {
        incomplete_order_message: "You have an incomplete order.",
        view_order: "View order",
        discount_high_to_low: "Discount: high to low",
        discount_low_to_high: "Discount: low to high",
        price_high_to_low: "Price: High to low",
        price_low_to_high: "Price: Low to high",
    },
    bn: {
        // ---------------------------------
        // ---------------------------------
        // ---------------------------------
        // ---------------------------------
        // ---------------------------------
    },
    in: {
        // ------------------------------------
        // ------------------------------------
        // ------------------------------------
        // ------------------------------------
        // ------------------------------------
    }
}
import React, { useContext, createContext } from 'react';
import { translate, TranslateInterface } from './translate'

const TranslateContext = createContext<TranslateInterface>(translate.bn)
function TranslateProvider({ children }: { children: React.ReactNode }) {
    const bn = translate.bn
    return (
        <TranslateContext.Provider value= { bn } >
        {
            children
        }
        </TranslateContext.Provider>
    );
}
export function useTranslate() {
    const translate: TranslateInterface = useContext(TranslateContext);
    return translate
}
export default TranslateProvider;

ThemeComponents