import oneschemaImporter from "@oneschema/importer"

const importer = oneschemaImporter({
  clientID: 'YOUR_CLIENT_ID',
  templateKey: 'YOUR_TEMPLATE_KEY',
  userJwt: 'YOUR_USER_JWT',
  
  // language code here!
  languageCode: "en",
})

import React, { useState } from "react"
import OneSchemaImporter from "@oneschema/react"

function OneSchemaExample() {
  const [isOpen, setIsOpen] = useState(false)

  const handleData = (data) => {
    console.log(data)
  }

  return (
    <div>
      <button onClick={() => setIsOpen(true)}>Import</button>

      <OneSchemaImporter
        isOpen={isOpen}
        onRequestClose={() => setIsOpen(false)}
        clientId={clientId}
        userJwt={token}
        templateKey={templateKey}
       

        /* language code here!  */
        languageCode="en"
      />
    </div>
  )
}

// Import the module into the application, with configuration
    OneSchemaModule.forRoot({
      clientId: 'CLIENT_ID',
      templateKey: 'TEMPLATE_KEY',
      userJwt: 'USER_JWT',
      
      
      // language code here!
      languageCode: 'en',
    }),