export const f_translator_config = {
    f_language: {
        sk: {
            nadpis: "Moj nadpis",
            podpis: "Slovakia"
        },
        en: {
            nadpis: "My caption",
            podpis: "En"
        },
        esp: {
            nadpis: "Mi título",
            podpis: "Spanish"
        },
    },
    default_language: {
        name: "Slovakia",
        sign: "sk"
    },
}

import { f_translator_config } from '...';
import { Use_F_translator } from '...';
import { F_t } from '...';

function App() {
  const { f_switch } = Use_F_translator(f_translator_config)

  return (
    <div className="App">
      <button onClick={() => f_switch("sk")}>sk</button>
      <button onClick={() => f_switch("en")}>en</button>
      <button onClick={() => f_switch("esp")}>esp</button>

      <div>
        <h1>{F_t("nadpis")}</h1>
      </div>
      <div>
        <h1>{F_t("podpis")}</h1>
      </div>
    </div>
  )
}
export default App