ComboBox {
        id: comboBox
        anchors.left: parent.left
        anchors.right: plusImg.visible ? plusImg.left : parent.right
        height: _private.itemHeight
        font.family: cabinFont.name
        font.pixelSize: metrics.sp(14)
        displayText: currentIndex === -1 ? placeholderText : currentText
        delegate: ItemDelegate {
            width: parent.width
            text: comboBox.textRole ? (Array.isArray(comboBox.model) ? modelData[comboBox.textRole] : model[comboBox.textRole]) : modelData
            highlighted: comboBox.highlightedIndex === index
            hoverEnabled: comboBox.hoverEnabled
            font: comboBox.font
            Rectangle {
                anchors.fill: parent
                color: comboBox.highlightedIndex === index ? _private.highlightedColor : "#FDFDFD"
                border.width: 0
                border.color: "transparent"
            }
        }
        contentItem: TextField {
            leftPadding: !comboBox.mirrored ? 12 : comboBox.editable && activeFocus ? 3 : 1
            rightPadding: comboBox.mirrored ? 12 : comboBox.editable && activeFocus ? 3 : 1
            topPadding: 6 - comboBox.padding
            bottomPadding: 6 - comboBox.padding
            text: comboBox.editable ? comboBox.editText : comboBox.displayText
            enabled: comboBox.editable
            autoScroll: comboBox.editable
            readOnly: comboBox.down
            inputMethodHints: comboBox.inputMethodHints
            validator: comboBox.validator
            font: comboBox.font
            color: comboBox.currentIndex === -1 ? global.placeholderTextColor : comboBox.palette.buttonText
            selectionColor: comboBox.palette.highlight
            selectedTextColor: comboBox.palette.highlightedText
            verticalAlignment: Text.AlignVCenter

            background: Rectangle {
                id: bkg
                visible: comboBox.enabled && comboBox.editable && !comboBox.flat
                radius: metrics.dp(2)
                color: comboBox.palette.base
                border.width: 0
                border.color: "transparent"
            }
        }
        indicator: Rectangle {
            width: global.minMouseAreaSize
            height: bkg.implicitHeight
            border.color: "#BCBCBC"
            anchors.verticalCenter: parent.verticalCenter
            anchors.right: parent.right
            Image {
                source: "qrc:/assets/ico-down-triangle.png"
                anchors.centerIn: parent
            }
            opacity: enabled ? 1 : 0.3
        }
    }