<template>
  <v-container class="container" :style="overflow ? 'overflow: hidden;' : ''">
    <v-row justify="center" align="center">
      <v-col cols="12" sm="12" md="12">
        <slot />
      </v-col>
    </v-row>
  </v-container>
</template>

<script setup>
import { ref } from 'vue';

const props = defineProps({
  overflow: {
    type: Boolean,
    default: true
  }
});

const overflow = ref(props.overflow);
</script>

<style scoped>
.container {
  max-width: 1800px;
  padding: 20px;
}
</style>
