<script lang="ts" setup>
import { buttonProps } from '@/components/BasicButton/prpos';

const props = defineProps(buttonProps);
const emits = defineEmits(['click']);
const click = () => {
    emits('click');
};
</script>

<template>
    <view class="default-btn" :disabled="props.disabled" @tap="click">
        <slot></slot>
    </view>
</template>

<style lang="scss" scoped>
.default-btn {
    color: #fff;
    border-width: 4rpx;
    border-color: #bfdbfe;
    border-style: solid;
    border-radius: 6rpx;
    background-color: #60a5fa;
    padding: 12rpx 26rpx;
    display: inline-block;
    font-size: 24rpx;
    &:hover {
        background-color: #3b82f6;
    }
}
</style>