import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Text } from 'ink';
import { Colors } from '../../colors.js';
import { RadioButtonSelect, } from '../shared/RadioButtonSelect.js';
export const WelcomeStep = ({ onSelect, isFocused = true, }) => {
    const options = [
        {
            label: 'Set up now (recommended)',
            value: 'setup',
            key: 'setup',
        },
        {
            label: "Skip setup (I know what I'm doing)",
            value: 'skip',
            key: 'skip',
        },
    ];
    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: Colors.AccentCyan, children: "Welcome to llxprt!" }), _jsx(Text, { color: Colors.Foreground, children: " " }), _jsx(Text, { color: Colors.Foreground, children: "Let's get you set up in just a few steps." }), _jsx(Text, { color: Colors.Foreground, children: "You'll choose an AI provider and configure authentication" }), _jsx(Text, { color: Colors.Foreground, children: "so llxprt can work its magic." })] }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsx(Text, { bold: true, color: Colors.Foreground, children: "What would you like to do?" }) }), _jsx(RadioButtonSelect, { items: options, onSelect: onSelect, isFocused: isFocused }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: Colors.Gray, children: "Use \u2191\u2193 to navigate, Enter to select, Esc to skip" }) })] }));
};
//# sourceMappingURL=WelcomeStep.js.map