from dash import html, dcc
from ..datalake import stages
from ..components.lists import html_list_schema


layout = html.Div([
    html.Div(children=[
        html.Ul(
            children=[
                html.Li(
                    children=[
                        dcc.Link(
                            stagename,
                            href=f"/stage/{stagename}",
                            className="text-2xl text-center p-2 bg-amber-100 rounded shadow"
                        ),
                        html_list_schema(stage)
                    ],
                    className="flex-1 bg-gray-100 rounded flex flex-col shadow"
                ) for stagename, stage in stages.items()
            ],
            className="flex flex-row space-x-2"
        )
    ],
    className="w-full mt-4 px-2"
    ),
])