from textual.widgets import Static, Button
from textual.containers import HorizontalGroup


class Navbar(HorizontalGroup):
    DEFAULT_CSS = """
    Navbar {
        background: $surface-darken-1;
        border-bottom: hkey $surface;
        height: 3;
        padding: 1;
        padding-bottom: 0;

        #hamburger-menu {
            max-width: 1;
        }
    }
    """
    
    def compose(self):
        yield Button("≡", compact=True, id="hamburger-menu")