Kocal-Web-Extensions/Solary

<template>
  <div>
    <settings-item :name="name" :setting="setting" size="large" />
    <settings-item
      v-for="(childSetting, childName) in (setting.children || {})"
      :key="`${name}.${childName}`"
      :name="`${name}.${childName}`"
      :setting="childSetting"
      :disabled="!setting.value"
    />
  </div>
</template>

<script>
import SettingsItem from './SettingsItem';

export default {
  name: 'SettingsSection',
  components: { SettingsItem },
  props: {
    name: {
      type: String,
      required: true,
    },
    setting: {
      type: Object,
      required: true,
    },
  },
};
</script>