<template>
  <div
      class="paper-container"
      :class="{
      paper: true,
      [`vs-shadow-${padding}`]: true,
      [`vs-padding-${padding}`]: true,
      [`vs-border-radius-${borderRadius}`]: true
    }"
  >
    <slot />
  </div>
</template>

<script>
export default {
  name: "Paper",
  props: {
    shadow: {
      type: String,
      default: 'md'
    },
    padding: {
      type: String,
      default: 'md'
    },
    borderRadius: {
      type: String,
      default: 'md'
    }
  }
}
</script>

<style lang="scss" scoped>
.paper {
  overflow: hidden;
  background-color: white;
}
</style>
