cleo-translate

import React from "react";
import ReactDOM from "react-dom";
import LanguagePicker from "cleo-translate/LanguagePicker";

const token = "your-cleo-token-here";

const App = () => {
  return (
    <div>
      <LanguagePicker cleoKey={token} />
      <div id="content-to-translate">
        <h1>Hello, world!</h1>
        <p>This is a sample text to be translated.</p>
      </div>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));