<template>
  <b-container class="c-layout-fluid-3-9" fluid>
    <b-row>
      <b-col cols="12" md="5" xl="3" :class="leftSlotClass">
        <slot name="left" />
      </b-col>
      <b-col cols="12" md="7" xl="9" :class="rightSlotClass">
        <slot />
      </b-col>
    </b-row>
  </b-container>
</template>
<script>
/**
 * Fluid 3 9
 * This is a fluid layout that displays 2 colums in 3:9 ratio
 */
export default {
  name: 'Fluid39',
  props: {
    leftSlotClass: {
      type: [String, Array],
      default: '',
    },
    rightSlotClass: {
      type: [String, Array],
      default: '',
    },
  },
}
</script>
