import { FormControl, FormControlContext } from "./form-control.js";

export class FormHeader extends FormControl {
	role = <const>"decoration";
	constructor(
		public text: string,
		public isVisible: (
			fctx: FormControlContext
		) => Promise<boolean> = async () => true
	) {
		super();
	}
	async render(fctx: FormControlContext) {
		const isVsbl = await this.isVisible(fctx);
		return isVsbl ? `<h2>${this.text}</h2>` : "";
	}
}