from nicegui import ui

def create_interface():
    # Cabeçalho Azul
    with ui.header().classes('bg-blue-900 text-white'):
        ui.button(on_click=lambda: left_drawer.toggle(), icon='menu').props('flat color=white')
        ui.label('Clei-Flow').classes('text-xl font-bold')
        
    # Menu Lateral
    with ui.left_drawer().classes('bg-gray-100').props('width=200') as left_drawer:
        ui.label('MENU').classes('text-gray-500 text-xs font-bold mb-2 px-4 pt-4')
        
        # Helper para criar links
        def nav_link(text, target, icon_name):
            ui.link(text, target).classes('text-gray-700 hover:text-blue-600 block px-4 py-2 font-medium').props(f'icon={icon_name}')
            
        nav_link('Dashboard', '/', 'dashboard')
        nav_link('Explorador', '/explorer', 'folder')
        nav_link('Configurações', '/settings', 'settings')