import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Controls.Material

// Item
// {
//     id: topBar
//     anchors
//     {
//         top: parent.top
//         left: parent.left
//         right: parent.right

//     }
//         height: 30

    RowLayout
    {
        id: topBar

        height: 35
        width: parent.width



        anchors
        {
            top: parent.top
            left: parent.left
        }

        Button
        {
            id: dashBoard
            // implicitWidth: 65
            // implicitHeight: 25
            // background: Rectangle
            // {
            //     border.color: "#f6f6f6"
            //     border.width: 1
            //     radius: 4
            // }
            implicitWidth: 85
            hoverEnabled: true
            background: Rectangle
            {
                color: Material.primary
                radius: 8
            }

            Text
            {
                text: "Dashboard"
                anchors.centerIn: parent
            }
        }
        Button
        {
            id: kunden
            // implicitWidth: 65
            // implicitHeight: 25
            // background: Rectangle
            // {
            //     border.color: "#f6f6f6"
            //     border.width: 1
            //     radius: 4
            // }
            implicitWidth: 85
            hoverEnabled: true
            background: Rectangle
            {
                color: Material.primary
                radius: 8
            }

            Text
            {
                text: "Kunden"
                anchors.centerIn: parent
            }
        }
        Button
        {
            id: objekt
            // implicitWidth: 65
            // implicitHeight: 25
            // background: Rectangle
            // {
            //     border.color: "#f6f6f6"
            //     border.width: 1
            //     radius: 4
            // }
            implicitWidth: 85
            hoverEnabled: true
            background: Rectangle
            {
                color: Material.primary
                radius: 8
            }

            Text
            {
                text: "Objekt"
                anchors.centerIn: parent
            }
        }
        Button
        {
            id: mitarbeiter
            // implicitWidth: 65
            // implicitHeight: 25
            // background: Rectangle
            // {
            //     border.color: "#f6f6f6"
            //     border.width: 1
            //     radius: 4
            // }
            implicitWidth: 85
            hoverEnabled: true
            background: Rectangle
            {
                color: Material.primary
                radius: 8
            }

            Text
            {
                text: "Mitarbeiter"
                anchors.centerIn: parent
            }
        }
        Button
        {
            id: abrechnung
            // implicitWidth: 79
            // implicitHeight: 25
            // //color: button.down ? "#d6d6d6" : "#f6f6f6"
            // background: Rectangle
            // {
            //     border.color: "#f6f6f6"
            //     border.width: 1
            //     radius: 4
            // }
            implicitWidth: 85
            hoverEnabled: true
            background: Rectangle
            {
                color: Material.primary
                radius: 8
            }

            Text
            {
                text: "Abrechnung"
                anchors.centerIn: parent
            }
        }

        Item
        {
            id: hspacer
            Layout.fillWidth: true
        }

        Image
        {
            id: atajos
            source: "../images/menu.png"
            sourceSize.height: 35
        }
    }