MappingSeagrass/navbar.py

import dash_bootstrap_components as dbc
from dash import Input, Output, State, html
from dash_bootstrap_components._components.Container import Container



PLOTLY_LOGO = "https://images.plot.ly/logo/new-branding/plotly-logomark.png"

search_bar = dbc.Row(
    [
        dbc.Col(dbc.Input(type="search", placeholder="Search")),
        dbc.Col(
            dbc.Button(
                "Search", color="dark", className="ms-2", n_clicks=0
            ),
            width="auto",
        ),
    ],
    className="g-0 ms-auto flex-nowrap mt-3 mt-md-0",
    align="center",
)


def create_navbar():
    navbar = dbc.Navbar(
        dbc.Container(
            [
                html.A(
                    # Use row and col to control vertical alignment of logo / brand
                    dbc.Row(
                        [
                            dbc.Col(html.Img(src=PLOTLY_LOGO, height="30px",style={'textAlign': 'center'})),
                            dbc.Col(dbc.NavbarBrand(" Omdena | Trieste Italy AI Platform", style={'text-align': 'center'})),
                        ],
                        align="center",
                        #className="g-2",
                    ),
                    
                ),
               
            ]
        ),
        
        color="black",
        dark=True,
    )
    return navbar