import type { Codec, CodecType } from "scale-ts";
import { _void } from "scale-ts";
type EnumVariants<T> = {
    [K in keyof T]: {
        tag: K;
        value: T[K];
    };
}[keyof T];
type ComponentType<Props extends Codec<any>> = CodecType<ReturnType<typeof Component<Props>>>;
declare function Component<Props extends Codec<any>>(props: Props): Codec<{
    modifiers: ({
        tag: "width";
        value: number | bigint;
    } | {
        tag: "margin";
        value: [number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined];
    } | {
        tag: "padding";
        value: [number | bigint, number | bigint, number | bigint | undefined, number | bigint | undefined];
    } | {
        tag: "background";
        value: {
            color: "error" | "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "warning";
            shape: {
                tag: "Rounded";
                value: number | bigint;
            } | {
                tag: "Circle";
                value: undefined;
            } | undefined;
        };
    } | {
        tag: "border";
        value: {
            width: number | bigint;
            color: "error" | "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "warning";
            shape: {
                tag: "Rounded";
                value: number | bigint;
            } | {
                tag: "Circle";
                value: undefined;
            } | undefined;
        };
    } | {
        tag: "height";
        value: number | bigint;
    } | {
        tag: "minWidth";
        value: number | bigint;
    } | {
        tag: "minHeight";
        value: number | bigint;
    } | {
        tag: "fillWidth";
        value: boolean;
    } | {
        tag: "fillHeight";
        value: boolean;
    })[];
    props: CodecType<Props>;
    children: CustomRendererNodeType[];
}>;
declare const BoxProps: Codec<{
    contentAlignment: "topStart" | "topCenter" | "topEnd" | "centerStart" | "center" | "centerEnd" | "bottomStart" | "bottomCenter" | "bottomEnd" | undefined;
}>;
declare const ColumnProps: Codec<{
    horizontalAlignment: "center" | "start" | "end" | undefined;
    verticalArrangement: "center" | "start" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
}>;
declare const RowProps: Codec<{
    verticalAlignment: "center" | "top" | "bottom" | undefined;
    horizontalArrangement: "center" | "start" | "end" | "spaceBetween" | "spaceAround" | "spaceEvenly" | undefined;
}>;
declare const TextProps: Codec<{
    style: "titleXL" | "headline" | "bodyM" | "bodyS" | "caption" | undefined;
    color: "error" | "textPrimary" | "textSecondary" | "textTertiary" | "backgroundPrimary" | "backgroundSecondary" | "backgroundTertiary" | "success" | "warning" | undefined;
}>;
declare const ButtonProps: Codec<{
    text: string;
    variant: "text" | "primary" | "secondary" | undefined;
    enabled: boolean | void;
    loading: boolean | void;
    clickAction: string | undefined;
}>;
declare const TextFieldProps: Codec<{
    text: string;
    placeholder: string | undefined;
    label: string | undefined;
    enabled: boolean | void;
    valueChangeAction: string | undefined;
}>;
export type CustomRendererNodeType = EnumVariants<{
    Nil: undefined;
    String: string;
    Box: ComponentType<typeof BoxProps>;
    Column: ComponentType<typeof ColumnProps>;
    Row: ComponentType<typeof RowProps>;
    Spacer: ComponentType<typeof _void>;
    Text: ComponentType<typeof TextProps>;
    Button: ComponentType<typeof ButtonProps>;
    TextField: ComponentType<typeof TextFieldProps>;
}>;
export declare const CustomRendererNode: Codec<CustomRendererNodeType>;
export {};
//# sourceMappingURL=customRenderer.d.ts.map