<template>
  <div class="jd-button" :class="{dark:dark}">{{ name }}</div>
</template>

<script>
export default {
  name: 'JdButton',
  props: {
    name: {
      type: String,
      default: ''
    },
    dark: {
      type: Boolean,
      default: false
    }
  }
}
</script>

<style scoped>
.jd-button{
height: 40px;
background: #659FD5;
border: 2px solid #659FD5;
border-radius: 24px;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
line-height: 36px;
cursor:pointer
}
.dark{
  background: #27417C;
  border: 2px solid #27417C;
}
</style>
