status-desktop/ui/shared/SeparatorWithIcon.qml

import QtQuick 2.13
import QtGraphicalEffects 1.13

import utils 1.0

import "./panels"

Item {
    property int iconMargin: Style.current.padding
    property alias icon: icon
    readonly property int separatorWidth: (parent.width / 2) - (icon.height / 2) - iconMargin
    width: parent.width
    height: icon.height
    

    Separator {
        id: separatorLeft
        width: separatorWidth
        anchors.verticalCenter: parent.verticalCenter
        anchors.left: parent.left
        anchors.topMargin: undefined
    }

    SVGImage {
        id: icon
        height: 14
        width: 18
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
        fillMode: Image.PreserveAspectFit
        source: Style.svg("arrow-right")
        rotation: 90

        ColorOverlay {
            anchors.fill: parent
            source: parent
            color: Style.current.textColor
            antialiasing: true
        }
    }

    Separator {
        id: separatorRight
        width: separatorWidth
        anchors.right: parent.right
        anchors.verticalCenter: parent.verticalCenter
        anchors.topMargin: undefined
    }
}