import type { Properties } from "csstype";
export type CSSProperties = Properties<string | number> & {
    layout?: "vbox" | "hbox" | "box" | "page-section";
};
type ContainerTags = "a" | "address" | "article" | "aside" | "blockquote" | "button" | "code" | "dd" | "div" | "dl" | "dt" | "form" | "footer" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "header" | "hgroup" | "label" | "li" | "main" | "nav" | "ol" | "p" | "pre" | "section" | "span" | "ul";
type CommonAttrKeys = "title" | "tabIndex" | "className" | "id" | "aria-label" | "aria-hidden" | "aria-labelledby" | "aria-describedby" | "role";
type PictureAttrKeys = "alt" | "loading" | CommonAttrKeys;
type LinkAttrKeys = "href" | "target" | CommonAttrKeys;
type TextAreaAttrKeys = "disabled" | "value" | "cols" | "rows" | "placeholder" | CommonAttrKeys;
type InputAttrKeys = "disabled" | "value" | "defaultValue" | "name" | "autoComplete" | "checked" | "placeholder" | CommonAttrKeys;
type ButtonAttrKeys = "disabled" | CommonAttrKeys;
type Attrs<Keys extends string> = Partial<Record<Keys, string>>;
export interface PictureElement {
    type: "img";
    src: string;
    styles?: CSSProperties;
    attrs?: Attrs<PictureAttrKeys>;
}
export type ImageElement = PictureElement;
interface LinkTextElement {
    type: "text";
    tag: "a";
    value: string;
    styles?: CSSProperties;
    attrs?: Attrs<LinkAttrKeys>;
}
interface ButtonTextElement {
    type: "text";
    tag: "button";
    value: string;
    styles?: CSSProperties;
    attrs?: Attrs<ButtonAttrKeys>;
}
interface GenericTextElement {
    type: "text";
    /**
     * Default: "div"
     */
    tag?: Exclude<ContainerTags, "a" | "button">;
    value: string;
    styles?: CSSProperties;
    attrs?: Attrs<CommonAttrKeys>;
}
export type TextElement = string | LinkTextElement | ButtonTextElement | GenericTextElement;
interface LinkContainerElement {
    type: "box" | "vbox" | "hbox";
    tag: "a";
    children?: PlasmicElement | PlasmicElement[];
    styles?: CSSProperties;
    attrs?: Attrs<LinkAttrKeys>;
}
interface ButtonContainerElement {
    type: "box" | "vbox" | "hbox";
    tag: "button";
    children?: PlasmicElement | PlasmicElement[];
    styles?: CSSProperties;
    attrs?: Attrs<ButtonAttrKeys>;
}
interface GenericContainerElement {
    type: "box" | "vbox" | "hbox" | "page-section";
    /**
     * Default: "div"
     */
    tag?: Exclude<ContainerTags, "a" | "button">;
    children?: PlasmicElement | PlasmicElement[];
    styles?: CSSProperties;
    attrs?: Attrs<CommonAttrKeys>;
}
export type ContainerElement = LinkContainerElement | ButtonContainerElement | GenericContainerElement;
export interface ButtonElement {
    type: "button";
    value: string;
    styles?: CSSProperties;
    attrs?: Attrs<ButtonAttrKeys>;
}
interface InputElement {
    type: "input" | "password";
    styles?: CSSProperties;
    attrs?: Attrs<InputAttrKeys>;
}
interface TextAreaElement {
    type: "textarea";
    styles?: CSSProperties;
    attrs?: Attrs<TextAreaAttrKeys>;
}
export type TextInputElement = InputElement | TextAreaElement;
interface JsonElement {
    type: "json";
    value: any;
}
export interface DefaultComponentElement<P> {
    type: "default-component";
    kind: "button" | "text-input";
    /**
     * The name of the element in the tree
     */
    elementName?: string;
    props?: {
        [prop in keyof Partial<P>]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
    } & {
        [prop: string]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
    };
    styles?: CSSProperties;
}
export interface CodeComponentElement<P> {
    type: "component";
    /**
     * The registered component name
     */
    name: string;
    /**
     * The name of the element in the tree
     */
    elementName?: string;
    styles?: CSSProperties;
    props?: {
        [prop in keyof Partial<P>]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
    } & {
        [prop: string]: number | string | boolean | null | undefined | JsonElement | PlasmicElement | PlasmicElement[];
    };
}
export type PlasmicElement = ImageElement | TextElement | ContainerElement | ButtonElement | TextInputElement | CodeComponentElement<{}> | DefaultComponentElement<{}>;
export {};