<template>
  <div class="settings-property">
    <SettingsPropertyItem :icon="icon" :text="text" :title="title" />
    <slot />
  </div>
</template>

<script setup>
defineProps({
  icon: { type: String, required: true },
  title: { type: String, required: true },
  text: { type: String },
})
</script>

<style lang="scss">
.settings-property {
  display: flex;
  align-items: center;
  justify-content: space-between;

  height: 62px;
}
</style>
