<script setup lang="ts">
defineProps({
  /**
   * 丸角
   * @example true | false
   */
  round: { type: Boolean, default: false }
})
</script>

<template>
  <div class="_card_box" :style="{ borderRadius: round ? '5px' : '0px' }">
    <slot></slot>
  </div>
</template>

<style lang="sass" scoped>
._card_box
    background: #fff
    width: 100%
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px
    font-family: 'Roboto', sans-serif
</style>
