<template>
  <div
    class="row"
    :class="rowClass"
    :style="computedStyle"
    v-show="!hidden"
  >
    <slot />
  </div>
</template>

<script setup>
import { computed } from 'vue'

const props = defineProps({
  rowClass: { type: String, default: '' },
  hidden: { type: Boolean, default: false },
  style: { type: String, default: '' }
})

const computedStyle = computed(() => props.style)
</script>
