import { jsx, jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
function HistorySearchBar({ query, hasMatch }) {
  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
    /* @__PURE__ */ jsx(Text, { color: "gray", children: "Ctrl+R: older, Ctrl+E: newer, Enter: accept, Esc: cancel" }),
    /* @__PURE__ */ jsxs(Box, { children: [
      /* @__PURE__ */ jsx(Text, { color: "green", children: "search history: " }),
      /* @__PURE__ */ jsx(Text, { color: "cyan", children: query }),
      /* @__PURE__ */ jsx(Text, { color: "gray", children: "_" }),
      query && !hasMatch && /* @__PURE__ */ jsx(Text, { color: "red", children: " (no match)" })
    ] })
  ] });
}
export {
  HistorySearchBar
};
