<template>
  <v-col
    :cols="cols"
    :lg="lg"
    :md="md"
    :sm="sm"
    :xl="xl"
    :order="order"
    :align-self="alignSelf">
    <slot />
  </v-col>
</template>

<script>

export default {
  name: 'SntCol',
  props: {
    cols: {
      type: [Boolean, String, Number],
      default: undefined
    },
    lg: {
      type: [Boolean, String, Number],
      default: false
    },
    md: {
      type: [Boolean, String, Number],
      default: false
    },
    sm: {
      type: [Boolean, String, Number],
      default: false
    },
    xl: {
      type: [Boolean, String, Number],
      default: false
    },
    order: {
      type: [String, Number],
      default: undefined
    },
    alignSelf: {
      type: [String],
      default: undefined
    }
  }
}
</script>

<style scoped>

</style>
