<script lang="ts" setup>
import type { vue } from '@factor/api'
import { useService } from '@factor/api'
import type { FactorSites } from '..'
import type { Site } from '../site'

defineProps({
  site: { type: Object as vue.PropType<Site>, required: true },
})
useService<{ factorSites: FactorSites }>()
</script>

<template>
  <div v-if="site" class="space-y-3 rounded-md bg-theme-50 p-4">
    <!-- <template v-for="(opt, ii) in site.el.value.options" :key="ii">
      <ElOption
        v-bind="opt.props.value"
        v-model="site.config.value[opt.optionKey]"
        :option="opt"
        :service="service"
        class="form-settings-input"
      />
    </template> -->
  </div>
</template>

<style lang="less" scoped>
.form-setting-input {
  --input-size: 12px;
  --input-label-size: 11px;
  --input-bg: #ffffff;
}
</style>
