Na}{

File Content: `OperatorSegment.tsx`

import React from 'react';

import { SelectableValue } from '@grafana/data';
import { Segment } from '@grafana/ui';

interface Props {
  value: string;
  onChange: (item: SelectableValue<string>) => void;
  disabled?: boolean;
}

const options = ['=', '!=', '<', '>', '=~', '!~'].map<SelectableValue<string>>((value) => ({
  label: value,
  value,
}));

export const OperatorSegment = ({ value, disabled, onChange }: Props) => {
  return (
    <Segment
      className="query-segment-operator"
      value={value}
      disabled={disabled}
      options={options}
      onChange={onChange}
    />
  );
};

Name	Size	Permission
AdHocFilter.test.tsx	3233 bytes	0644
AdHocFilter.tsx	3543 bytes	0644
AdHocFilterBuilder.tsx	1994 bytes	0644
AdHocFilterKey.tsx	2541 bytes	0644
AdHocFilterRenderer.tsx	1484 bytes	0644
AdHocFilterValue.tsx	1716 bytes	0644
AdHocPicker.tsx	1825 bytes	0644
ConditionSegment.tsx	249 bytes	0644
OperatorSegment.tsx	605 bytes	0644

File Content: OperatorSegment.tsx

File Content: `OperatorSegment.tsx`