import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import { Colors } from '../../colors.js';
import { useKeypress } from '../../hooks/useKeypress.js';
export const SkipExitStep = ({ onDismiss, isFocused = true, }) => {
    useKeypress((key) => {
        if (key.name === 'return') {
            onDismiss();
        }
    }, { isActive: isFocused });
    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Text, { bold: true, color: Colors.Foreground, children: "Setup skipped" }) }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: Colors.Foreground, children: "To configure llxprt manually:" }), _jsx(Box, {}), _jsxs(Text, { color: Colors.Foreground, children: ["\u2022 Use ", _jsx(Text, { color: Colors.AccentCyan, children: "/auth <provider>" }), " to set up authentication"] }), _jsxs(Text, { color: Colors.Foreground, children: ["\u2022 Use ", _jsx(Text, { color: Colors.AccentCyan, children: "/provider" }), " to select your AI provider"] }), _jsxs(Text, { color: Colors.Foreground, children: ["\u2022 Type ", _jsx(Text, { color: Colors.AccentCyan, children: "/help" }), " for more commands"] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.Gray, children: "Press Enter to continue..." }) })] }));
};
//# sourceMappingURL=SkipExitStep.js.map