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

interface DropdownButtonHeadingArgs {
	text: string | VNode;
}

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

	render(h) {
		return <h6 class="dropdown-header">{this.text}</h6>;
	}
}

const DropdownButtonHeading = toNative(DropdownButtonHeadingComponent);
export default DropdownButtonHeading;
