import type { ReactNode } from "react";
import type { KcContext } from "./kcContext";
import type { I18n } from "./i18n";

export type TemplateProps<KcContext extends KcContext.Common, I18nExtended extends I18n> = {
    kcContext: KcContext;
    i18n: I18nExtended;
    doUseDefaultCss: boolean;
    active: string;
    classes?: Partial<Record<ClassKey, string>>;
    children: ReactNode;
};

export type ClassKey =
    | "kcHtmlClass"
    | "kcBodyClass"
    | "kcButtonClass"
    | "kcButtonPrimaryClass"
    | "kcButtonLargeClass"
    | "kcButtonDefaultClass"
    | "kcContentWrapperClass"
    | "kcFormClass"
    | "kcFormGroupClass"
    | "kcInputWrapperClass"
    | "kcLabelClass"
    | "kcInputClass"
    | "kcInputErrorMessageClass";