<script setup>
const props = defineProps({
  gap: {
    type: Number,
    default: 1
  }
})

const {gap} = props
</script>

<template>
  <div :class="`flex items-center gap-${gap}`">
    <slot/>
  </div>
</template>

<style scoped>

</style>