<template>
  <u-button type="main" size="large" :style="styles" class="uif-btn-order" v-bind="$attrs" v-on="$listeners"><slot></slot></u-button>
</template>
<script>
import UButton from '@uif/hq/src/components/button'

export default {
  name: 'u-button-order',
  inheritAttrs: false,
  components: {UButton},
  props: {
    width: {
      type: [String, Number],
      default: 120
    },
    height: {
      type: [String, Number],
      default: 48
    }
  },
  computed: {
    styles () {
      const value = (Number(this.height) - 20) / 2
      return {
        width: this.width + 'px',
        paddingTop: value + 'px',
        paddingBottom: value + 'px'
      }
    }
  }
}
</script>
