<template>
  <div>
    <slot />
  </div>
</template>

<script>
import { provide } from 'vue'

export default {
  setup(props) {
    provide('definition', props.definition)
    provide('labelSize', props.labelSize)
    provide('readonlyForm', props.readonly)
  },
  props: {
    definition: {
      type: Object,
      required: true
    },
    labelSize: {
      type: Number,
      default: 4
    },
    readonly: {
      type: Boolean,
      default: false
    },
  },
}
</script>
