<template>
	<tui-button
		width="128rpx"
		height="48rpx"
		type="base"
		shape="circle"
		:size="24"
		:plain="plain"
		@click="$emit('click')"
	>
		{{btnText}}
	</tui-button>
</template>

<script>
export default {
	name: 'u-button',
	props: {
		plain: {
			type: Boolean,
			defalut: false
		},
		controlType: {
			typs: String,
			default: 'receive'
		}
	},
	computed: {
		btnText() {
			const textMap = {
				receive: '领取',
				use: '使用',
				buy: '凑单',
				search: '可用商品'
			}
			return textMap[this.controlType] || ''
		}
	}
}
</script>
