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)'

@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='rgba(30, 206, 0, 0.25)', cubbies='rgba(25, 39, 255, 0.25)', sparks='rgba(255, 0, 0, 0.25)')
    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.link('Admin', '/').classes(replace='text-white')
            ui.link('Dashboard', '/dashboard').classes(replace='text-white')
    with ui.column().classes('absolute-center items-center'):
        yield