import type { ReactNode } from 'react';
import { useTranslate } from './useTranslate';

export const useResourceTranslation = (
    params: UseResourceTranslationOptions
) => {
    const { resourceI18nKey, baseI18nKey, userText, options } = params;
    const translate = useTranslate();

    if (userText !== undefined) {
        if (typeof userText !== 'string') {
            return userText;
        }
        return translate(userText, { _: userText, ...options });
    }
    if (!resourceI18nKey) {
        return translate(baseI18nKey, options);
    }

    return translate(resourceI18nKey, {
        ...options,
        _: translate(baseI18nKey, options),
    });
};

export interface UseResourceTranslationOptions {
    resourceI18nKey?: string;
    baseI18nKey: string;
    userText?: ReactNode;
    options?: Record<string, any>;
}