import React, { useEffect } from 'react'
import { Space, Button } from 'antd'
import { useDesigner, TextWidget } from '@designable/react'
import { observer } from '@formily/react'
import { loadInitialSchema } from '../service'
import {
  transformToSchema,
} from '@designable/formily-transformer'

export const ActionsWidget = observer(() => {
  const designer = useDesigner()
  useEffect(() => {
    loadInitialSchema(designer)
  }, [])
  return (
    <Space style={{ marginRight: 10 }}>
      <Button
        onClick={() => {
          const aa = JSON.stringify(transformToSchema(designer.getCurrentTree()))
          // saveSettingData(aa); //触发父组件保存
          // saveSchema(designer)
        }}
      >
        <TextWidget>Save</TextWidget>
      </Button>
    </Space>
  )
})