import { NButton, NSelect } from 'naive-ui'

const options = [
  {
    label: 'static',
    value: 'static',
  },
  {
    label: 'vue3',
    value: 'vue3',
  },
  {
    label: 'react',
    value: 'react',
  },
]

export default defineComponent({
  setup() {
    const type = ref('static')
    return () => (
      <div class="flex gap-2 h-[64px] justify-center items-center bg-white border border-[var(--border-color)] rounded-lg p-5">
        <NSelect class="w-[200px]" options={options} v-model:value={type.value}></NSelect>
        <NButton type="primary" class="">
          运行
        </NButton>
        <NButton type="primary" class="ml-auto">
          保存
        </NButton>
      </div>
    )
  },
})
