{ 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!');