import { Button } from "std-widgets.slint";
export component TopNavBar inherits HorizontalLayout {
    height: 50px;
    spacing: 16px;
    padding-left: 16px;
    padding-right: 16px;

    // Permission flag for Management tab
    in property <bool> is_officer: false;

    // callbacks for tabs
    callback dashboard_clicked();
    callback roster_clicked();
    callback management_clicked();
    callback documents_clicked();
    callback profile_clicked();
    callback user_account_clicked();
    callback user_preferences_clicked();
    callback user_logout_clicked();
    Button {
        text: "Dashboard";
        clicked() => {
            root.dashboard_clicked();
        }
    }

    Button {
        text: "Roster";
        clicked() => {
            root.roster_clicked();
        }
    }

    Button {
        text: "Management";
        clicked() => {
            root.management_clicked();
        }
    }

    Button {
        text: "Documents";
        clicked() => {
            root.documents_clicked();
        }
    }

    Button {
        text: "Your file";
        clicked() => {
            root.dashboard_clicked();
        }
    }
}