"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LogicOperatorWithPlaceholder = void 0;
var react_1 = __importDefault(require("react"));
var classnames_1 = __importDefault(require("classnames"));
var ui_i18n_1 = __importDefault(require("ui-i18n"));
var LogicOperator_1 = require("../LogicOperator");
var LogicOperatorWithPlaceholder_module_css_1 = __importDefault(require("./LogicOperatorWithPlaceholder.module.css"));
var LogicOperatorWithPlaceholder = function (_a) {
    var operator = _a.operator, onChange = _a.onChange, classes = _a.classes;
    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(LogicOperatorWithPlaceholder_module_css_1.default.wrapper, classes === null || classes === void 0 ? void 0 : classes.wrapper) }, operator ? (react_1.default.createElement(LogicOperator_1.LogicOperator, { className: LogicOperatorWithPlaceholder_module_css_1.default.operator, value: operator, onChange: onChange })) : (react_1.default.createElement("div", { className: (0, classnames_1.default)(LogicOperatorWithPlaceholder_module_css_1.default.operator, LogicOperatorWithPlaceholder_module_css_1.default.placeholder, classes === null || classes === void 0 ? void 0 : classes.placeholder) }, ui_i18n_1.default.text('Where')))));
};
exports.LogicOperatorWithPlaceholder = LogicOperatorWithPlaceholder;
