<script setup>
defineProps({ wrap: { type: Boolean, default: false } });
</script>
<template>
    <div class="vn-row q-gutter-md q-mb-md" :class="{ wrap }">
        <slot></slot>
    </div>
</template>
<style lang="scss" scopped>
.vn-row {
    display: flex;
    > * {
        flex: 1;
    }
}
@media screen and (max-width: 800px) {
    .vn-row {
        flex-direction: column;
    }
}
</style>
