import * as React from 'react';
import { GridPivotModel } from "../../hooks/features/pivoting/gridPivotingInterfaces.js";
import type { FieldTransferObject } from "./GridPivotPanelBody.js";
type GridPivotPanelFieldProps = {
  children: React.ReactNode;
  field: FieldTransferObject['field'];
  onDragStart: (modelKey: FieldTransferObject['modelKey']) => void;
  onDragEnd: () => void;
} & ({
  modelKey: 'columns';
  modelValue: GridPivotModel['columns'][number];
} | {
  modelKey: 'rows';
  modelValue: GridPivotModel['rows'][number];
} | {
  modelKey: 'values';
  modelValue: GridPivotModel['values'][number];
} | {
  modelKey: null;
});
declare function GridPivotPanelField(props: GridPivotPanelFieldProps): React.JSX.Element;
export { GridPivotPanelField };