import { CSSProperties, ReactNode } from 'react';
import { CustomHTMLProps } from '../page/pageById';
interface Props {
    id: string;
    style?: CSSProperties;
    className?: string;
    data?: {
        [p: string]: any;
    };
    propsData?: {
        [p: string]: CustomHTMLProps;
    };
    childrenData?: {
        [p: string]: ReactNode;
    };
    itemData?: {
        [p: string]: ReactNode;
    };
    onUnMount?: () => void;
    onGetViewError?: (e: {
        [p: string]: any;
    }) => void;
    controller?: {
        searchRaw?: string;
        filter?: string;
        sortby?: Array<{
            prop: string;
            direction?: "ASC" | "DESC";
        }>;
        pattern?: {
            returns: Array<string>;
            [p: string]: Array<string> | {
                searchRaw?: string;
                reducers: string;
            };
        };
    } | {
        ids: string;
        maxLength?: number | "none";
    };
    /** Listen view state */
    onChange?: (ev: {
        data?: {
            [p: string]: any;
        };
        state: {
            [p: string]: any;
        };
    }) => void;
    onLoaded?: (ev: {
        data: {
            [p: string]: any;
        };
    }) => void;
}
export declare const ViewById: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
export {};
//# sourceMappingURL=viewById.d.ts.map