export declare const filterStyles: {
    filterMenu: {
        display: string;
        position: string;
        backgroundColor: string;
        border: string;
        boxShadow: string;
        zIndex: string;
    };
    filterPanel: {
        padding: string;
        display: string;
    };
    searchContainer: {
        padding: string;
    };
    searchInput: {
        width: string;
        padding: string;
        border: string;
        borderRadius: string;
        fontSize: string;
        boxSizing: string;
    };
    optionsContainer: {
        maxHeight: string;
        overflowY: string;
        marginTop: string;
    };
    optionItem: {
        display: string;
        justifyContent: string;
        alignItems: string;
        padding: string;
    };
    optionLabel: {
        display: string;
        alignItems: string;
        cursor: string;
        flexGrow: string;
        fontWeight: string;
    };
    checkbox: {
        marginRight: string;
    };
    countSpan: {
        color: string;
        fontSize: string;
    };
    tabsContainer: {
        display: string;
        justifyContent: string;
        borderBottom: string;
    };
    tabStyle: (isActive: boolean) => {
        backgroundColor: string;
        border: string;
        flex: string;
        padding: string;
        cursor: string;
        fontSize: string;
        fontWeight: string;
        color: string;
        borderBottom: string;
    };
    footerContainer: {
        display: string;
        justifyContent: string;
        alignItems: string;
        padding: string;
        borderTop: string;
        backgroundColor: string;
    };
    footerButton: (isPrimary: boolean) => {
        padding: string;
        border: string;
        borderRadius: string;
        cursor: string;
        marginLeft: string;
        backgroundColor: string;
        color: string;
        borderColor: string;
    };
    clearLink: {
        color: string;
        textDecoration: string;
    };
    buttonStyle: (isPrimary?: boolean) => {
        padding: string;
        border: string;
        borderRadius: string;
        cursor: string;
        marginLeft: string;
        backgroundColor: string;
        color: string;
        borderColor: string;
    };
    conditionContainer: {
        marginBottom: string;
        padding: string;
    };
    formLabel: {
        display: string;
        marginBottom: string;
        fontWeight: string;
    };
    operatorSelect: {
        width: string;
        padding: string;
        marginBottom: string;
        border: string;
        borderRadius: string;
        boxSizing: string;
    };
    rangeInputContainer: {
        display: string;
        alignItems: string;
        gap: string;
    };
    addLabel: {
        display: string;
        padding: string;
    };
};
export declare function applyStyles(element: HTMLElement, styles: Record<string, string>): void;
export declare function createElement<K extends keyof HTMLElementTagNameMap>(tag: K, attributes?: Record<string, string>, children?: (HTMLElement | string)[]): HTMLElementTagNameMap[K];