<template>
    <div class="form-row" :style="{ gridTemplateColumns: props.fill ? '1fr' : '1fr 1fr' }">
        <slot></slot>
    </div>
</template>

<script setup>
const props = defineProps({
    fill: {
        type: Boolean,
        default: () => true
    }
});
</script>

<style lang="scss" scoped>
.form-row {
    display: grid;
    gap: 50rpx;
}
</style>
