import QtQuick 2.8
import QtQuick.Controls 2.1
import Style 1.0

TabBar {
    id: bar
    anchors.left: parent.left
    anchors.right: parent.right
    height: 60
    currentIndex: 1
    background: Rectangle {
        color: Style.darkGrey
    }

    TabButton {
        contentItem: BottomBarButton {
            text: qsTr("Search")
            icon: "/img/iconBarSearch.svg"
        }
    }

    TabButton {
        contentItem: BottomBarButton {
            text: qsTr("Home")
            icon: "/img/iconBarHome.svg"
        }
    }

    TabButton {
        background: Rectangle {
            color: Style.darkGrey
        }
    }

    /* These last two don't respond to clicks */
    TabButton {
        background: Rectangle {
            color: Style.darkGrey
        }

        contentItem: BottomBarButton {
            text: qsTr("Playlists")
            icon: "/img/iconBarPlaylists.svg"
        }
    }

    TabButton {
        background: Rectangle {
            color: Style.darkGrey
        }

        contentItem: BottomBarButton {
            text: qsTr("My Collection")
            icon: "/img/iconBarCollection.svg"
        }
    }
}