import { FlatTemplatable } from "tempstream";
import { FormField } from "../fields/field.js";
import { FieldValueType } from "../form-types.js";
import { FormControl, FormControlContext } from "./form-control.js";

export type FormFieldsToTypes<FormFields extends readonly FormField[]> = {
	[Index in keyof FormFields]: FormFields[Index] extends FormField
		? FieldValueType<FormFields[Index]>
		: never;
};

export abstract class FormFieldControl extends FormControl {
	role = <const>"input";
	constructor(public fields: FormField[]) {
		super();
	}

	abstract render(
		fctx: FormControlContext
	): FlatTemplatable | Promise<FlatTemplatable>;
}