/** @jsx jsx */ import { useEffect } from 'react'; import { Global, jsx, css } from '@emotion/core'; import styled from '@emotion/styled'; import { Row, Col, Tooltip, Input, Checkbox, Select, Button } from 'antd'; import { CaretDownOutlined, EditOutlined, SettingOutlined, PlusOutlined } from '@ant-design/icons'; import { useTranslation } from 'react-i18next'; import globalStyles from './utils/styles/global'; import './i18n'; interface EditorProps { lang?: string; } const { Option } = Select; const FieldInput = styled(Input)` .ant-input-group-addon { background: transparent; border: none; } `; function JsonSchemaEditor({ lang }: EditorProps): JSX.Element { const { t, i18n } = useTranslation(); useEffect(() => { if (!lang) return; i18n.changeLanguage(lang); }, [i18n, lang]); return (
{ // code }} /> } /> } /> } />
); } export default JsonSchemaEditor;