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

interface TabPageArgs {
	text: string;
}

@Component
class ModalSubtitleComponent extends TsxComponent<TabPageArgs> implements TabPageArgs {
	@Prop() text: string;

	render(h) {
		return <small class="edit-modal-subtitle">{this.text}</small>;
	}
}

const ModalSubtitle = toNative(ModalSubtitleComponent);
export default ModalSubtitle;