<template>
  <div class="vertical-button" @click="$emit('click')">
    <span><slot name="top"></slot></span>
    <span><slot></slot></span>
    <span><slot name="bottom"></slot></span>
  </div>
</template>

<script>
export default {
  
}
</script>

<style scoped lang="less">
.vertical-button {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
</style>
