<template lang="pug">
    button.button.rounded(:style="{borderColor, color}", @click="handleClick")
        slot
</template>

<script>
  export default {
    props: {
      rounded: Boolean,
      handleClick: {default: () => () => console.log('wooow')},
      borderColor: {default: '#42b983'},
      color: {default: '#FF0000'}
    }
  }
</script>

<style lang="sass">
    .rounded 
        border-radius: 5px
    .button 
        border: 3px solid
        padding: 10px 20px
        background-color: white
        outline: none
</style>