import QtQuick 2.12
import QtQuick.Controls 2.12

import Utils 1.0

RadioButton {
    id: control
    implicitHeight: 30
    spacing: 15
    leftPadding: 0

    indicator: Rectangle {
        implicitWidth: control.implicitHeight
        implicitHeight: control.implicitHeight
        x: control.leftPadding
        y: parent.height / 2 - height / 2
        radius: implicitWidth / 2
        border.color: Palette.borderColor

        Rectangle {
            property int spacing: 10
            width: parent.implicitWidth - spacing
            height: parent.implicitHeight - spacing
            x: spacing / 2
            y: spacing / 2
            radius: width / 2
            color: Palette.alternativeBackgroundColor
            visible: control.checked
        }
    }

    contentItem: Text {
        text: control.text
        font.pixelSize: 18
        font.weight: Font.Bold
        color: Palette.textColor
        maximumLineCount: 2
        wrapMode: Text.WordWrap
        verticalAlignment: Text.AlignVCenter
        leftPadding: control.indicator.width + control.spacing
    }
}