from contextlib import contextmanager
from nicegui import ui


@contextmanager
def frame(navigation_title: str):
    """Custom page frame to share the same styling and behavior across all pages"""
    ui.colors(primary='#6E93D6', secondary='#53B689', accent='#111B1E', positive='#53B689')
    with ui.header():
        ui.label('Awana Verse Practice').classes('font-bold')
        ui.space()
        ui.space()
        ui.space()
        ui.space()
        ui.label(navigation_title)
    with ui.column().classes('absolute-center items-center'):
        yield