from contextlib import contextmanager
from nicegui import ui

#Club Colors
tnt='rgba(30, 206, 0, 0.25)'
cubbies='rgba(25, 39, 255, 0.25)'
sparks='rgba(255, 0, 0, 0.25)'
dark_mode = ui.dark_mode(True)

@contextmanager
def frame(navigation_title: str):
    """Custom page frame to share the same styling and behavior across all pages"""
    ui.colors(primary='#023047', secondary='#219ebc', accent='#8ecae6', positive='#ffb703', negative='#fb8500', header="#abb8c3", tnt='#02ba08', cubbies='#3a3ac9', sparks='#ba0202')
    with ui.header().style('background-color: #abb8c3'):
        ui.image('./assets/awana-clubs.png').classes('w-16')
        ui.label('Awana Verse Practice').classes('font-bold font-16')
        ui.space()
        ui.space()
        ui.space()
        ui.space()
        with ui.row():
            # ui.switch('Dark Mode').bind_value(dark_mode)
            ui.link('Admin', '/').classes(replace='text-white')
            ui.link('Dashboard', '/dashboard').classes(replace='text-white')
    with ui.column().classes('absolute-center items-center'):
        yield