<template>
	<div class="d-flex flex-column justify-center align-center" style="gap: 12px">
		<a-button @click="btnActionsFnc('removeRightToLeft')" type="primary" ghost :icon="icons.remove" >
		</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   @click="btnActionsFnc('addLeftToRight')" type="primary" ghost icon="down">
		</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>
