export function CustomOperatorSelector(props: OperatorSelectorProps) {
  const { rule, options, value, schema, path } = props;

  // Determine required operator based on rule value's aggregation type
  let requiredOperator: string | null = null;
  if (rule.value && typeof rule.value === 'object' && 'mode' in rule.value) {
    const numValue = rule.value as NumericRuleValue;
    if (numValue.mode === 'agg') {
      if (numValue.agg === 'min') {
        requiredOperator = 'num.gt'; // min → only allow > (price greater than minimum)
      } else if (numValue.agg === 'max') {
        requiredOperator = 'num.lt'; // max → only allow < (price less than maximum)
      }
    }
  }

  // Filter options if there's a required operator
  const filteredOptions: FullOptionList<FullOperator> = requiredOperator
    ? options.filter((op): op is FullOperator => !('options' in op) && op.name === requiredOperator)
    : options;

  // Auto-correct operator if current value doesn't match required
  // HOW DO I DO THIS?
  onPropChange('operator', requiredOperator, path);

  }, [requiredOperator, value, schema.actions, path]);

  return (
    <MaterialValueSelector {...props} options={filteredOptions} variant="outlined" size="small" />
  );
}