Component {    id: tabBarItem     Rectangle {	height: tabs.height	width: tabs.width / tabsModel.count 	color: "transparent" 	Image {	    source: tabsModel.children[index].icon	    anchors.horizontalCenter: parent.horizontalCenter	    anchors.top: parent.top	    anchors.topMargin: 4	} 	Text {	    anchors.horizontalCenter: parent.horizontalCenter	    anchors.bottom: parent.bottom	    anchors.bottomMargin: 4	    color: "white"	    text: tabsModel.children[index].name	} 	MouseArea {	    anchors.fill: parent	    onClicked: {		tabClicked(index);	    }	}    }}