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
        spacing: 0
        height: 35
        width: parent.width



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

        Button
        {
            id: dashBoard
            implicitWidth: 85
            hoverEnabled: true
            highlighted: true
            flat: true
            background: Rectangle
            {
                color: dashBoard.down? Material.accent: Material.primary
                border.color: dashBoard.hovered? "lightgrey": "transparent"
                radius: 0
            }

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

        Button
        {
            id: kunden
            implicitWidth: 85
            hoverEnabled: true
            highlighted: true
            flat: true
            background: Rectangle
            {
                color: kunden.down? Material.accent: Material.primary
                border.color: kunden.hovered? "lightgrey": "transparent"
                radius: 0
            }

            Text
            {
                text: "Kunden"
                anchors.centerIn: parent
            }
        }
        Button
        {
            id: objekt
            implicitWidth: 85
            hoverEnabled: true
            highlighted: true
            flat: true
            background: Rectangle
            {
                color: objekt.down? Material.accent: Material.primary
                border.color: objekt.hovered? "lightgrey": "transparent"
                radius: 0
            }

            Text
            {
                text: "Objekt"
                anchors.centerIn: parent
            }
        }
        Button
        {
            id: mitarbeiter
            implicitWidth: 85
            hoverEnabled: true
            highlighted: true
            flat: true
            background: Rectangle
            {
                color: mitarbeiter.down? Material.accent: Material.primary
                border.color: mitarbeiter.hovered? "lightgrey": "transparent"
                radius: 0
            }

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

        Button
        {
            id: abrechnung
            implicitWidth: 85
            hoverEnabled: true
            background: Rectangle
            {
                color: abrechnung.down? Material.accent: Material.primary
                border.color: abrechnung.hovered? "lightgrey": "transparent"
                radius: 0
            }

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

        Item
        {
            id: hspacer
            Layout.fillWidth: true
        }

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