import React from "react";
import { Box, Text } from "ink";
export function StatusBar({ hints, status }) {
    return (React.createElement(Box, { flexDirection: "column" },
        React.createElement(Box, { flexWrap: "wrap" }, hints.map((h, i) => (React.createElement(React.Fragment, { key: i },
            i > 0 ? React.createElement(Text, null, " ") : null,
            React.createElement(Text, { color: "cyan", bold: true }, h.key),
            React.createElement(Text, { color: "gray" },
                " ",
                h.label))))),
        React.createElement(Box, { height: 1 }, status ? React.createElement(Text, { color: "yellow" }, status) : React.createElement(Text, null, " "))));
}
//# sourceMappingURL=StatusBar.js.map