import { jsx, jsxs } from "react/jsx-runtime";
import { Box, Text } from "ink";
import { useTerminalSize } from "../../hooks/useTerminalSize.js";
function FocusOverlayFrame({ children }) {
  const { columns } = useTerminalSize();
  const divider = "\u2500".repeat(Math.max(0, columns));
  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", width: columns, children: [
    /* @__PURE__ */ jsx(Text, { color: "gray", children: divider }),
    /* @__PURE__ */ jsx(Box, { paddingX: 1, flexDirection: "column", children }),
    /* @__PURE__ */ jsx(Text, { color: "gray", children: divider })
  ] });
}
export {
  FocusOverlayFrame
};
