<template>
	<view v-if="buttons.length" class="fabric-out-submitView">
		<view v-for="btn in buttons" :key="btn.action" class="fabric-out-actionBtnWrap">
			<u-button type="primary" :class="singleBtnClass" @click="$emit('action', btn.action)">
				{{ btn.label }}
			</u-button>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		buttons: { type: Array, default: () => [] },
		single: { type: Boolean, default: false },
	},
	computed: {
		singleBtnClass() {
			return this.single ? 'fabric-out-actionBtn' : '';
		},
	},
};
</script>

<style scoped lang="scss">
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
</style>
