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

interface ModalIconQuestionArgs {
	visible: boolean;
}

@Component
class ModalIconQuestionComponent extends TsxComponent<ModalIconQuestionArgs> implements ModalIconQuestionArgs {
	@Prop() visible!: boolean;

	render(h) {
		if (!this.visible) {
			return null;
		} else {
			return (
				<div class="swal2-icon swal2-question swal2-animate-question-icon" style="display: block;">
					?
				</div>
			);
		}
	}
}

const ModalIconQuestion = toNative(ModalIconQuestionComponent);
export default ModalIconQuestion;
