import { _ as _defineProperty } from '../../defineProperty-CEd-kZQW.js';
import React__default from 'react';
import SelectMenu from '../../select-menu/index.js';
import '../../extends-C4cduGrv.js';
import '../../objectWithoutProperties-TXwlfNxG.js';
import 'prop-types';
import '../../select-menu-BvA3x4Nf.js';
import '../../slicedToArray-BB-AwwkK.js';
import '../../floating-ui.react-cWPyyUrN.js';
import '../../typeof-CgC7Bq6K.js';
import '../../toConsumableArray-dKQYsfpV.js';
import '../../index-qSfOyGhk.js';
import 'react-dom';
import 'classnames';
import '../../_commonjsHelpers-_1FafXWI.js';
import '../../label/index.js';
import '@reach/visually-hidden';
import '../../ck-icon/index.js';
import '../../ck-icon/assets/icon-map/index.js';
import '../../icon/index.js';
import '@fortawesome/react-fontawesome';
import '../../icon/icons.js';
import '../../icon/library.js';
import '@fortawesome/fontawesome-svg-core';
import '@fortawesome/pro-solid-svg-icons';
import '@fortawesome/pro-light-svg-icons';
import '@fortawesome/free-brands-svg-icons';
import '../../portal/index.js';
import '../../use-rerender-once/index.js';
import '../../use-force-update/index.js';
import '../../select-menu/autocomplete.js';

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }

function View() {
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
    className: "uppercase text-gray-700"
  }, "Subscribes who"), /*#__PURE__*/React__default.createElement("div", {
    className: "uppercase text-gray-700"
  }, "before X"));
}

var FirstName = {
  View: View,
  Edit: function Edit(_ref) {
    var filter = _ref.filter,
        setFilter = _ref.setFilter;

    var handleChange = function handleChange(event) {
      var _event$target = event.target,
          name = _event$target.name,
          value = _event$target.value;
      setFilter(_objectSpread(_objectSpread({}, filter), {}, _defineProperty({}, name, value)));
    };

    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SelectMenu, {
      className: "w-full mt-2",
      onChange: handleChange,
      options: [{
        value: "exactly",
        label: "Is Exactly"
      }, {
        value: "contains",
        label: "Contains"
      }]
    }), /*#__PURE__*/React__default.createElement("input", null));
  },
  icon: function icon() {
    return "";
  },
  label: function label() {
    return "first name";
  },
  defaults: {}
};

export { FirstName as default };
