import type React from "react";
import type {
  MenuItem,
  SelectionBehavior,
} from "@applicaster/zapp-react-native-utils/modalState";
import type { EditableCollection } from "@applicaster/zapp-react-native-utils/modalState/EditableCollection";

/**
 * Extra props row renderers need.
 */
export type SheetRenderContext = {
  theme: any;
  ButtonComponent: React.ComponentType<any>;
  current_selection?: any;
  iconBaseProps: any;
  itemBaseProps: any;
  labelBaseProps: any;
  getSelectedItemIcon: (theme: any) => any;
  getDefaultItemIcon: (theme: any) => any;
  iconPlacement?: "left" | "right";
  editableCollection?: EditableCollection | null;
  behavior?: SelectionBehavior;
};

export type RenderItemArgs = {
  item: MenuItem;
  index: number;
  onPress: (item: MenuItem) => void;
  context: SheetRenderContext;
  renderHandle?: (children: React.ReactElement) => React.ReactElement;
};

export type CellRenderer = {
  renderItem: (args: RenderItemArgs) => React.ReactNode;
};