import { ESSceneObject } from 'vtxf-xe2/dist-node/xe2-base-objects';
import { Event, PartialWithUndefinedReactivePropsToNativeProps, ReactivePropsToNativePropsAndChanged } from 'vtxf-xe2/dist-node/xe2-base-utils';
import { SceneObjectKey } from 'vtxf-xe2/dist-node/xe2-utils';
import { LayoutDiv } from '../LayoutDiv';
import { LayoutDivStyleType, MyCustomDivLayoutType } from '../MyCustomDiv';
import { MySidebarFlexWrapType } from '../YLJ';
export declare type RectangleButtonParamsType = {
    text?: string;
    highlightOnClick?: boolean;
    highlighted?: boolean;
    normalImageUri?: string;
    hoveredImageUri?: string;
    pressedImageUri?: string;
    highlightedImageUri?: string;
};
export declare type RectangleButtonsFlexDirectionType = 'row' | 'row-reverse' | 'column' | 'column-reverse';
export declare class RectangleButtonsTool extends ESSceneObject {
    static readonly type: string;
    get typeName(): string;
    get defaultProps(): {
        show: boolean;
        containerId: string | null;
        visibility: boolean;
        interaction: boolean;
        shadowDom: boolean;
        cssAllInitial: boolean;
        zIndex: number | undefined;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        cssText: string;
        clickFuncStr: string;
        buttons: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<RectangleButtonParamsType[]>;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        borderWidth: number;
        borderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        padding: number;
        radius: number;
        gap: number;
        wrap: MySidebarFlexWrapType;
        direction: RectangleButtonsFlexDirectionType;
        buttonWidth: number;
        buttonHeight: number;
        buttonBorderRadius: number;
        buttonBackgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonBorderWidth: number;
        buttonBorderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonLayoutType: MyCustomDivLayoutType;
        buttonCssText: string;
        textColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        fontSize: number;
        fontWeight: string;
        letterSpacing: number;
        textShadow: string;
        textLayoutType: MyCustomDivLayoutType;
        textCssText: string;
        execOnceFuncStr: string;
        updateFuncStr: string;
        toDestroyFuncStr: string;
        createAppendedObjFuncStr: string;
        name: string;
        ref: string | undefined;
        devTags: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[] | undefined>;
        extras: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<import("vtxf-xe2/dist-node/xe2-base-utils").JsonValue>;
    };
    get json(): JsonType;
    set json(value: JsonType);
    static directions: string[];
    static defaultButtons: ({
        text: string;
        normalImageUri: string;
        hoveredImageUri: string;
        pressedImageUri: string;
        highlightedImageUri: string;
        highlightOnClick: boolean;
        highlighted: boolean;
    } | {
        text: string;
        normalImageUri?: undefined;
        hoveredImageUri?: undefined;
        pressedImageUri?: undefined;
        highlightedImageUri?: undefined;
        highlightOnClick?: undefined;
        highlighted?: undefined;
    })[];
    private _clickEvent;
    get clickEvent(): Event<[index: number, mouseEvent: MouseEvent]>;
    private _clickFunc;
    get clickFunc(): ((index: number, mouseEvent: MouseEvent) => void) | undefined;
    set clickFunc(value: ((index: number, mouseEvent: MouseEvent) => void) | undefined);
    get clickFuncChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[((index: number, mouseEvent: MouseEvent) => void) | undefined, ((index: number, mouseEvent: MouseEvent) => void) | undefined]>;
    private _clickFuncInit;
    static rectangleButtonsToolButtonsMd: string;
    private _layoutDiv;
    get layoutDiv(): LayoutDiv;
    static wrap: string[];
    static defaults: {
        defaultLayoutStyle: LayoutDivStyleType;
        defaultTextLayoutStyle: LayoutDivStyleType;
        viewerTagsEnums: [string, string][];
    };
    get container(): HTMLElement | undefined;
    set container(value: HTMLElement | undefined);
    static defaultButtonsClickFuncStrMd: string;
    constructor(id?: SceneObjectKey);
    get finalCssText(): string;
    get finalCssTextChanged(): import("vtxf-xe2/dist-node/xe2-base-utils").Listener<[string, string]>;
    getProperties(language?: string): import("vtxf-xe2/dist-node/xe2-base-objects").Property[];
}
export declare namespace RectangleButtonsTool {
    const createDefaultProps: () => {
        show: boolean;
        containerId: string | null;
        visibility: boolean;
        interaction: boolean;
        shadowDom: boolean;
        cssAllInitial: boolean;
        zIndex: number | undefined;
        layoutType: MyCustomDivLayoutType;
        width: number;
        height: number;
        cssText: string;
        clickFuncStr: string;
        buttons: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<RectangleButtonParamsType[]>;
        backgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        borderWidth: number;
        borderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        padding: number;
        radius: number;
        gap: number;
        wrap: MySidebarFlexWrapType;
        direction: RectangleButtonsFlexDirectionType;
        buttonWidth: number;
        buttonHeight: number;
        buttonBorderRadius: number;
        buttonBackgroundColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonBorderWidth: number;
        buttonBorderColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        buttonLayoutType: MyCustomDivLayoutType;
        buttonCssText: string;
        textColor: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<[number, number, number, number]>;
        fontSize: number;
        fontWeight: string;
        letterSpacing: number;
        textShadow: string;
        textLayoutType: MyCustomDivLayoutType;
        textCssText: string;
        execOnceFuncStr: string;
        updateFuncStr: string;
        toDestroyFuncStr: string;
        createAppendedObjFuncStr: string;
        name: string;
        ref: string | undefined;
        devTags: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<string[] | undefined>;
        extras: import("vtxf-xe2/dist-node/xe2-base-utils").ReactiveVariable<import("vtxf-xe2/dist-node/xe2-base-utils").JsonValue>;
    };
}
export interface RectangleButtonsTool extends ReactivePropsToNativePropsAndChanged<ReturnType<typeof RectangleButtonsTool.createDefaultProps>> {
}
declare type JsonType = PartialWithUndefinedReactivePropsToNativeProps<ReturnType<typeof RectangleButtonsTool.createDefaultProps> & {
    type: string;
}>;
export {};