import QtQuick
import QtQuick.Shapes

import Quickshell
import Quickshell.Widgets

MouseArea {
    id: root

    required property real radius
    property real pad: 5
    property color color

    property Item item

    hoverEnabled: true

    Component.onCompleted: {

        item.y = root.y - pad

        //console.log(height)
    }

    width: shape.width
    height: item.height + 2 * pad
    
    Shape {
        id: shape

        y: root.y + root.item.height

        //anchors.centerIn: parent
        ShapePath {
            id: path

            strokeWidth: 1
            strokeColor: "transparent"
            fillColor: root.color

            startX: -root.radius - pad; startY: 0

            PathArc {
                radiusX: root.radius
                radiusY: -root.radius

                relativeX: root.radius
                relativeY: -root.radius
                direction: PathArc.Counterclockwise
            }

            PathLine { relativeX: 0; relativeY: -(2 * pad + item.height - 2 * root.radius) }

            PathArc {
                radiusX: root.radius
                radiusY: -root.radius

                //direction: PathArc.Counterclockwise

                relativeX: root.radius
                relativeY: -root.radius
            }

            PathLine { x: item.width + pad - root.radius; relativeY: 0 }

            PathArc {
                radiusX: root.radius
                radiusY: -root.radius

                //direction: PathArc.Counterclockwise

                relativeX: root.radius
                relativeY: root.radius
            }

            PathLine { relativeX: 0; relativeY: -(-item.height + 2 * root.radius - 2 * pad) }

            PathArc {
                radiusX: root.radius
                radiusY: -root.radius

                relativeX: root.radius
                relativeY: root.radius
                direction: PathArc.Counterclockwise
            }

            PathLine { x: -root.radius - pad; y: 0 }
        }
    }
}