import type { FC } from 'react';
import React, { createContext } from 'react';
import type { Dictionary } from './types';

export const I18nContext = createContext<{
    messages?: Dictionary;
    locale?: string;
}>({});

export const I18nProvider: FC<{
    messages: Dictionary;
    locale?: string;
    children?: React.ReactNode;
}> = ({ messages, locale, children }) => (
    <I18nContext.Provider value={{ locale, messages }}>{children}</I18nContext.Provider>
);