import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
import "./FSearchRecords.css";
import { defineComponent } from "vue";
export const FSearchRecords = defineComponent({
  name: "FSearchRecords",
  props: {
    records: {
      type: Object,
      default: () => []
    }
  },
  emits: {
    select: v => true,
    clear: () => true
  },
  setup(props, _ref) {
    let {
      emit
    } = _ref;
    return () => _createVNode("div", {
      "class": "f-search-records"
    }, [props.records.map(record => {
      return _createVNode("div", {
        "class": "f-search-record",
        "onClick": () => emit("select", record)
      }, [record]);
    }), _createVNode("div", {
      "class": "f-search-record f-search-record__clear",
      "onClick": () => emit("clear")
    }, [_createTextVNode("Clear")])]);
  }
});