<!-- components/SectionLayouts/FooterFeaturesLayout.vue -->
<template>
  <div class="footer-features-layout">
    <SectionField
      v-if="section.fields.featureLines"
      :field="section.fields.featureLines"
      field-key="featureLines"
      :section-key="sectionKey"
      :section-model="sectionModel"
      :model-value="sectionModel"
      :user-role="userRole"
      :disabled="disabled"
      :is-super-admin="isSuperAdmin"
      @update-field="emitUpdate"
    />
  </div>
</template>

<script setup>
import SectionField from "../SectionField.vue";

const props = defineProps({
  section: Object,
  sectionKey: String,
  sectionModel: Object,
  userRole: String,
  disabled: Boolean,
  isSuperAdmin: Boolean,
});

const emit = defineEmits(["update-field"]);

const emitUpdate = (sectionKey, fieldKey, value) => {
  emit("update-field", sectionKey, fieldKey, value);
};
</script>

<style scoped>
.footer-features-layout {
  background: #ffffff;
}
</style>
