import { Prop, toNative } from 'vue-facing-decorator';
import TsxComponent, { Component } from '../../app/vuetsx';

interface SortableItemArgs {
	uuid: string | number;
}

@Component
class SortableItemComponent extends TsxComponent<SortableItemArgs> implements SortableItemArgs {
	@Prop() uuid!: string | number;

	render(h) {
		return <div key={this.uuid}>{this.$slots.default?.()}</div>;
	}
}

const SortableItem = toNative(SortableItemComponent);
export default SortableItem;
