import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * @license
 * Copyright 2025 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */
import React, { useState } from 'react';
import { Box, Text, useInput } from 'ink';
import { theme } from '../semantic-colors.js';
export const SixthWelcomeScreen = ({ onContinue, }) => {
    const [pressedEnter, setPressedEnter] = useState(false);
    const [isActive, setIsActive] = useState(true);
    useInput((input, key) => {
        if (key.return && !pressedEnter && isActive) {
            setPressedEnter(true);
            setIsActive(false); // Disable immediately
            onContinue();
        }
    }, { isActive });
    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", paddingX: 4, children: [_jsx(Box, { flexDirection: "column", alignItems: "center", marginBottom: 2, children: _jsx(Text, { color: theme.text.accent, bold: true, children: `
 ███████████ █████ █████   █████ ████████ █████   █████
███░░░░░░░░ ░░███ ░░███   ░░███ ░░░██░░░██░░███   ░░███ 
░░█████████  ░███  ░░░██ ██░░░    ░░░██░░░  ░███    ░███ 
 ░░░░░░░░███ ░███   ░░█████░      ░░░██░░░  ░███████████ 
 ██████████  ░███    ░░███░       ░░░██░░░  ░███░░░░░███ 
░░░░░░░░███  ░███   ██░░░██       ░░░██░░░  ░███    ░███ 
 ███████████ █████ █████ ░░███    ░░░██░░░  ░███    ░███
░░░░░░░░░░░ ░░░░░ ░░░░░   ░░░      ░░░░░░░   ░░░     ░░░
          ` }) }), _jsxs(Box, { flexDirection: "column", alignItems: "center", marginBottom: 3, children: [_jsx(Text, { color: theme.text.primary, bold: true, children: "Welcome to Sixth CLI! \uD83C\uDF89" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text.secondary, children: "Your AI-powered development companion" }) })] }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.status.warning, paddingX: 3, paddingY: 1, marginBottom: 3, width: 60, children: [_jsx(Text, { color: theme.text.primary, bold: true, children: "Getting Started:" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text.secondary, children: "\u2022 Get instant answers to coding questions" }) }), _jsx(Text, { color: theme.text.secondary, children: "\u2022 Generate code from natural language" }), _jsx(Text, { color: theme.text.secondary, children: "\u2022 Analyze and improve your codebase" }), _jsx(Text, { color: theme.text.secondary, children: "\u2022 Automate development workflows" })] }), _jsxs(Box, { flexDirection: "column", alignItems: "center", borderStyle: "round", borderColor: theme.status.warning, paddingX: 3, paddingY: 1, marginBottom: 2, children: [_jsx(Text, { color: theme.status.warning, bold: true, children: "Authentication Required" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text.secondary, children: "To get started, you'll need to authenticate with your Sixth account." }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text.secondary, children: "This will open your browser for a secure login process." }) })] }), _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsxs(Text, { color: theme.text.primary, bold: true, children: ["Press", ' ', _jsx(Text, { color: theme.text.accent, bold: true, children: "ENTER" }), ' ', "to launch sixth login page on your browser"] }), pressedEnter && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.status.warning, children: "\uD83C\uDF10 Opening browser for authentication..." }) }))] })] }));
};
//# sourceMappingURL=SixthWelcomeScreen.js.map