<template>
	<div class="d-flex flex-column justify-center align-center">
		<!--<v-btn icon tile :ripple="false" @click="btnActionsFnc('addLeftToRight')">
			<v-icon>mdi-chevron-right</v-icon>
		</v-btn> -->
		<a-button type="default" @click="btnActionsFnc('addLeftToRight')">
			<RightOutlines/>
		</a-button>

		<!--<v-btn
			icon
			tile
			:ripple="false"
			class="mt-2"
			@click="btnActionsFnc('removeRightToLeft')"
		>
			<v-icon>mdi-chevron-left</v-icon>
		</v-btn> -->
		<a-button class="mt-2" type="default" @click="btnActionsFnc('removeRightToLeft')">
			<LeftOutlines/>
		</a-button>
	</div>
</template>
<script>
export default {
	props: {
		parentPrgmId: {
			type: String,
			require: true,
		},
		leftGridName: {
			type: String,
			require: true,
		},
		rightGridName: {
			type: String,
			required: true,
		},
		btnActionsFnc: {
			type: Function,
			required: true,
		},
	},
	computed: {},
	data() {
		return {};
	},
};
</script>
