import QtQuick 2.9
import QtQuick.Layouts 1.1
import QtGraphicalEffects 1.0

import "../../components" as BittubeComponents

Item {
    id: root
    property bool checked: false;
    property alias text: content.text
    signal changed;

    width: checkBoxLayout.width
    height: 22

    RowLayout {
        id: checkBoxLayout
        spacing: 10

        Item {
            height: root.height
            width: root.height
            Rectangle {
                id: checkbox
                anchors.fill: parent
                radius: 5

                Image {
                    id: imageChecked
                    visible: root.checked
                    anchors.centerIn: parent
                    source: "qrc:///images/uncheckedIcon.png"
                }
            }
            DropShadow {
                anchors.fill: source
                cached: true
                horizontalOffset: 3
                verticalOffset: 3
                radius: 8.0
                samples: 16
                color: "#20000000"
                smooth: true
                source: checkbox
            }
        }
        BittubeComponents.TextPlain {
            id: content
            font.pixelSize: 14
            font.bold: false
            color: "white"
            text: ""
            themeTransition: false
        }
    }
    MouseArea {
        anchors.fill: parent
        hoverEnabled: true

        cursorShape: Qt.PointingHandCursor
        onClicked: {
            root.checked = !root.checked;
            changed();
        }
    }
}
