<template>
    <div :class="bem()">
        <slot/>
    </div>
</template>

<script>
import { componentMixin, createComponentName } from '../_utils/component';

export default {
    name: createComponentName('button-group'),
    mixins: [componentMixin],
    provide() {
        return {
            groupSize: this.size
        };
    },
    props: {
        // 按钮组大小
        size: {
            // "small"/"normal"/"large"
            type: String,
            default: 'normal',
        },
    },
};
</script>

<style lang="less">
@import '../_styles/base.less';

.@{button-group} {
    > .@{button}:not(:last-child) {
        border-radius: 0;
    }
}

</style>
