import React from 'react';
import { ValueConstructor, UnionToIntersection } from '@karma.run/utility';
import { BlockProps, BlockConstructorFn } from './block';
import { IconElement } from '../data/icon';
export interface BlockCaseProps<V = any> {
    label: string;
    icon: IconElement;
    defaultValue: ValueConstructor<V>;
    field: BlockConstructorFn<V>;
}
export interface BlockListValue<T extends string = string, V = any> {
    key: string;
    type: T;
    value: V;
}
export declare type BlockMap = Record<string, BlockCaseProps>;
export declare type BlockMapForValue<R extends BlockListValue> = UnionToIntersection<R extends BlockListValue<infer T, infer V> ? {
    [K in T]: BlockCaseProps<V>;
} : never>;
export interface BlockListItemProps<T extends string = string, V = any> {
    index: number;
    value: BlockListValue<T, V>;
    icon: IconElement;
    autofocus: boolean;
    disabled?: boolean;
    onChange: (index: number, value: React.SetStateAction<BlockListValue<T, V>>) => void;
    onDelete: (index: number) => void;
    onMoveUp?: (index: number) => void;
    onMoveDown?: (index: number) => void;
    children: (props: BlockProps<V>) => JSX.Element;
}
export declare function useBlockMap<V extends BlockListValue>(map: () => BlockMapForValue<V>, deps: ReadonlyArray<any> | undefined): UnionToIntersection<V extends BlockListValue<infer T, infer V_1> ? { [K in T]: BlockCaseProps<V_1>; } : never>;
export interface BlockListProps<V extends BlockListValue> extends BlockProps<V[]> {
    children: BlockMapForValue<V>;
}
export declare function BlockList<V extends BlockListValue>({ value: values, children, disabled, onChange }: BlockListProps<V>): JSX.Element;
//# sourceMappingURL=blockList.d.ts.map