import { ThemingProps } from "../theme/types.js";
import { SystemProps } from "../system/system.js";
import "../system/index.js";
import { IconProp } from "../icon/icon.types.js";
import "../icon/index.js";
import { JSX, ReactNode } from "react";

//#region src/definition/definition.types.d.ts
type DefinitionItem = SystemProps & {
  key: string;
  keyHasIcon?: boolean;
  value: string | number | string[] | ReactNode;
  valueHasIcon?: boolean;
};
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';
};
//#endregion
export { DefinitionProps };

//# sourceMappingURL=definition.types.d.ts.map