from __future__ import annotations

import dash_mantine_components as dmc

from .alerts import alerts_element
from .body import body_element
from .header import header_element
from .stores import stores_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,
        ),

    ],
)