import type { Theme } from "@mui/material/styles";

interface SelectOption {
  value: string | number;
  label: string;
}

interface StyleConfig {
  paperStyle?: React.CSSProperties;
  searchFieldStyle?: React.CSSProperties;
  chipStyle?: React.CSSProperties;
}

export interface MultiSelectSearchPanelProps {
  children?: React.ReactNode;
  selectedOptions?: SelectOption[];
  onRemoveChip?: (value: string | number) => void;
  searchValue?: string;
  onSearchChange?: (value: string) => void;
  searchPlaceholder?: string;
  styleConfig?: StyleConfig;
  isDisabled?: boolean;
  appTheme?: { myTheme: Theme },
  [key: string]: any;
}