import React from 'react';
import classnames from 'classnames';
import i18n from 'ui-i18n';
import { LogicOperator } from '../LogicOperator';
import styles from './LogicOperatorWithPlaceholder.module.css';
export var LogicOperatorWithPlaceholder = function (_a) {
    var operator = _a.operator, onChange = _a.onChange, classes = _a.classes;
    return (React.createElement("div", { className: classnames(styles.wrapper, classes === null || classes === void 0 ? void 0 : classes.wrapper) }, operator ? (React.createElement(LogicOperator, { className: styles.operator, value: operator, onChange: onChange })) : (React.createElement("div", { className: classnames(styles.operator, styles.placeholder, classes === null || classes === void 0 ? void 0 : classes.placeholder) }, i18n.text('Where')))));
};
