import { ReactNode } from 'react';
import { IconProp } from '../icon';
import { SystemProps } from '../system';
import { ThemingProps } from '../theme';
export type DefinitionItem = SystemProps & {
    key: string;
    keyHasIcon?: boolean;
    value: string | number | string[] | ReactNode;
    valueHasIcon?: boolean;
};
export type DefinitionProps = SystemProps & ThemingProps<'Definition'> & {
    /** Socket displaying icon on the left side. */
    iconLeft?: IconProp | JSX.Element;
    /** Socket displaying icon on the right side. */
    iconRight?: IconProp | JSX.Element;
    isLabelBold?: boolean;
    isValueBold?: boolean;
    items?: DefinitionItem[];
    /** Socket defining orientation. */
    orientation?: 'horizontal' | 'vertical';
    size?: 'sm' | 'md';
    variant?: 'light' | 'dark';
};
//# sourceMappingURL=definition.types.d.ts.map