<template>
  <section
    :class="{
    [mode || $root.global.settings.container || 'container-fluid']: true,
    'container-flex': flex
  }"
  >
    <slot />
  </section>
</template>
<script>
export default {
  props: {
    mode: {
      type: String,
    },
    flex: {
      type: Boolean,
      default: false,
    },
  },
};
</script>