30 lines
850 B
JavaScript
30 lines
850 B
JavaScript
import { useState } from "react";
|
|
import TranForm from "../Selection/TranForm";
|
|
import { DEFAULT_SETTING, DEFAULT_TRANBOX_SETTING } from "../../config";
|
|
import { useSetting } from "../../hooks/Setting";
|
|
|
|
export default function Playgound() {
|
|
const [text, setText] = useState("");
|
|
const { setting } = useSetting();
|
|
const { transApis, langDetector, tranboxSetting } =
|
|
setting || DEFAULT_SETTING;
|
|
const { apiSlugs, fromLang, toLang, toLang2, enDict, enSug } =
|
|
tranboxSetting || DEFAULT_TRANBOX_SETTING;
|
|
return (
|
|
<TranForm
|
|
text={text}
|
|
setText={setText}
|
|
apiSlugs={apiSlugs}
|
|
fromLang={fromLang}
|
|
toLang={toLang}
|
|
toLang2={toLang2}
|
|
transApis={transApis}
|
|
simpleStyle={false}
|
|
langDetector={langDetector}
|
|
enDict={enDict}
|
|
enSug={enSug}
|
|
isPlaygound={true}
|
|
/>
|
|
);
|
|
}
|