<template>
	<button :type="type" :plain="plain" :class="`button ${type}`">{{ label }}</button>
</template>

<script setup>
	import { defineProps } from 'vue'
	
	defineProps({
		label: {
			type: String,
			default: ''
		},
		type: {
			type: String,
			default: ''
		},
		plain: {
			type: Boolean,
			default: true
		}
	})
</script>

<style lang="scss" scoped>
	.button {
		font-size: 26rpx;
		border-radius: 4rpx;
		padding-left: 24rpx;
		padding-right: 24rpx;
		&.danger {
			background-color: var(--danger-color);
			border-color: var(--danger-color);
			color: #fff;
		}
	}
</style>