import {
  connect
} from '@xformily/react-schema-renderer'
import { Checkbox as AntdCheckbox } from 'antd'
import {
  transformDataSourceKey,
  mapStyledProps,
  mapTextComponent
} from '../shared'

export const Checkbox = connect<'Group'>({
  getProps: mapStyledProps,
  getComponent: mapTextComponent
})(AntdCheckbox)

Checkbox.Group = connect({
  getProps: mapStyledProps,
  getComponent: mapTextComponent
})(transformDataSourceKey(AntdCheckbox.Group, 'options'))

export default Checkbox