import { CustomFieldData } from "@etsoo/appscript";
import { GridProps } from "@mui/material/Grid";
import { TypographyProps } from "@mui/material/Typography";
/**
 * Custom field viewer props
 * 自定义字段查看器属性
 */
export type CustomFieldViewerProps = {
    /**
     * Custom fields
     * 自定义字段
     */
    fields: CustomFieldData[];
    /**
     * Grid props
     * 网格属性
     */
    gridProps?: GridProps;
    /**
     * JSON data
     * JSON 数据
     */
    jsonData: unknown;
    /**
     * Title label props
     * 标题标签属性
     */
    titleProps?: TypographyProps;
    /**
     * Vertical gap
     * 垂直间距
     */
    verticalGap?: number;
    /**
     * Value label formatter
     * 值标签格式化
     */
    valueLabelFormatter?: (value: any, field: CustomFieldData) => string;
    /**
     * Value label props
     * 值标签属性
     */
    valueProps?: TypographyProps;
};
/**
 * Custom field viewer
 * 自定义字段查看器
 * @param props Props
 * @returns Component
 */
export declare function CustomFieldViewer(props: CustomFieldViewerProps): import("react/jsx-runtime").JSX.Element;