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

interface SeparatorArgs {
	text: string | VNode;
}

@Component
class SeparatorComponent extends TsxComponent<SeparatorArgs> implements SeparatorArgs {
	@Prop() text!: string | VNode;

	render(h) {
		return <div class="ifw-separator">{this.text}</div>;
	}
}

const Separator = toNative(SeparatorComponent);
export default Separator;
