import { jsx as _jsx } from "react/jsx-runtime";
import { Box, Text } from "ink";
export function helpCommandRows(commands) {
    return commands
        .filter((command) => !command.hidden)
        .map((command) => `/${command.name}${command.usage ? ` ${command.usage}` : ""}`)
        .sort();
}
export function Commands(props) {
    return (_jsx(Box, { flexDirection: "column", children: helpCommandRows(props.commands).map((row) => (_jsx(Text, { color: "cyan", children: row }, row))) }));
}
