import React from "react"
import SelectMenu from "../../select-menu"

function View() {
  return (
    <>
      <div className="uppercase text-gray-700">Subscribes who</div>
      <div className="uppercase text-gray-700">before X</div>
    </>
  )
}
export default {
  View,
  Edit: ({ filter, setFilter }) => {
    const handleChange = event => {
      const { name, value } = event.target
      setFilter({ ...filter, [name]: value })
    }

    return (
      <>
        <SelectMenu
          className="w-full mt-2"
          onChange={handleChange}
          options={[
            { value: "exactly", label: "Is Exactly" },
            { value: "contains", label: "Contains" },
          ]}
        />
        <input />
      </>
    )
  },
  icon: () => "",
  label: () => "first name",
  defaults: {},
}
