{ id: 'lotteries', icon: 'fas fa-ticket-alt', label: 'Лотереи' },
                        { id: 'profile', icon: 'fas fa-user', label: 'Профиль' },
                        { id: 'settings', icon: 'fas fa-cog', label: 'Настройки' }
                    ].map(item => 
                        React.createElement('button', {
                            key: item.id,
                            onClick: () => handleTabClick(item.id),
                            className: `flex-1 py-4 text-center transition-colors flex flex-col items-center ${activeTab === item.id ? 'tab-active text-white' : 'text-gray-400 hover:text-gray-300'}`
                        },
                            React.createElement('i', {
                                className: `${item.icon} text-lg mb-1`
                            }),
                            React.createElement('span', {
                                className: 'text-xs'
                            }, item.label)
                        )
                    )
                ),
                
                // Modal
                showModal && React.createElement('div', {className: 'modal-overlay'},
                    React.createElement('div', {className: 'modal-content'},
                        modalContent,
                        React.createElement('button', {
                            onClick: () => setShowModal(false),
                            className: 'absolute top-4 right-4 text-gray-400 hover:text-white'
                        },
                            React.createElement('i', {className: 'fas fa-times text-xl'})
                        )
                    )
                )
            );
        };
        
        // Render the app
        const root = ReactDOM.createRoot(document.getElementById('app'));
        root.render(React.createElement(App));
        
        console.log('Lotti app started successfully!');
    </script>
</body>
</html>