import dash_mantine_components as dmc

from .stores import stores_element
from .alerts import alerts_element
from .header import header_element
from .body import body_element


app_layout = dmc.MantineProvider(
    theme={
        "fontFamily": '"Inter", sans-serif',
        "components": {
            "NavLink": {
                "styles": {
                    "label": {
                        "color": "#c2c7d0"
                    }
                }
            }
        },
    },
    children=[
        stores_element,
        alerts_element,
        dmc.Container(
            children=[
                header_element,
                body_element,
            ],
            fluid=True
        ),

    ]
)