import { NDatePicker, NRadioButton, NRadioGroup } from 'naive-ui'
import GanttCom from '../Gantt'

export default defineComponent({
  setup() {
    const range = ref()
    const value = ref('day')
    return () => (
      <>
        <div class="flex gap-2">
          <NDatePicker v-model:value={range.value} type="daterange" clearable />
          <NRadioGroup v-model:value={value.value} name="radiobuttongroup">
            <NRadioButton value="hour" label="日" />
            <NRadioButton value="day" label="月" />
          </NRadioGroup>
        </div>
        <GanttCom scale={value.value} />
      </>
    )
  },
})