<template>
	<div class="d-flex flex-row justify-center align-center" style="gap: 12px">
		<!--<v-btn icon tile :ripple="false" @click="btnActionsFnc('addLeftToRight')">
			<v-icon>mdi-chevron-right</v-icon>
		</v-btn> -->
		<a-button @click="btnActionsFnc('addLeftToRight')" type="primary" ghost icon="up" >
		</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('removeRightToLeft')" 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>
