import React from 'react';
import { Field, TypedField } from '../../../lib/data/field.js';
import { FormProps } from '../../form/form/form.js';
import { SerializedFormData } from '../../../lib/form/utils.js';

type AttributeTableProps<T extends object = object> = {
    /** The object. */
    object?: T;
    labeledObject?: Record<string, {
        label: React.ReactNode;
        value: unknown;
    }>;
    /**
     * Whether values should be made editable, default is determined by whether any of `fields` is a `TypedField` and has
     * `editable` set.
     */
    editable?: boolean;
    /** A `string[]` or `TypedField[]` containing the keys in `objectList` to show value for. */
    fields?: Field<T>[] | TypedField<T>[];
    /** Props for Form. */
    formProps?: FormProps<Record<keyof T, SerializedFormData[string]>>;
    /** The cancel label. */
    labelCancel?: string;
    /** The edit value (accessible) label. */
    labelEdit?: string;
    /** Vertical alignment of contents. */
    valign?: "middle" | "start";
    /** Whether a compact layout should be used. */
    compact?: boolean;
    /** Whether wrapping should be allowed. */
    wrap?: boolean;
};
/**
 * AttributeTable Component
 *
 * Shows key/value pairs.
 * @see DataGrid for more advanced table layout.
 *
 * @typeParam T - The shape of a single item.
 */
declare const AttributeTable: <T extends object = object>({ object, labeledObject, editable, fields, formProps, labelCancel, labelEdit, valign, compact, wrap, ...props }: AttributeTableProps<T>) => React.JSX.Element;
type AttributeTableRowProps<T extends object = object> = {
    editable?: boolean;
    object?: T;
    labeledObject?: Record<string, {
        label: React.ReactNode;
        value: unknown;
    }>;
    field: TypedField<T>;
    isFormOpen: boolean;
    labelEdit?: string;
    onClick: React.MouseEventHandler;
    compact?: boolean;
};
declare const AttributeTableRow: <T extends object = object>({ editable, field, isFormOpen, object, labeledObject, labelEdit, compact, onClick, }: AttributeTableRowProps<T>) => React.JSX.Element;

export { AttributeTable, AttributeTableRow };
export type { AttributeTableProps, AttributeTableRowProps };