// Copyright (C) 2023 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only

import QtQuick
import QtQuick.Shapes

ControlledShape {
    delegate: [
        PathMove { x: p0.cx; y: p0.cy },
        PathQuad { x: p1.cx; y: p1.cy; controlX: c0.cx; controlY: c0.cy },
        PathQuad { x: p2.cx; y: p2.cy; controlX: c1.cx; controlY: c1.cy },
        PathQuad { x: p0.cx; y: p0.cy; controlX: c2.cx; controlY: c2.cy },
        PathMove { x: p3.cx; y: p3.cy },
        PathQuad { x: p4.cx; y: p4.cy; controlX: c3.cx; controlY: c3.cy },
        PathQuad { x: p5.cx; y: p5.cy; controlX: c4.cx; controlY: c4.cy },
        PathQuad { x: p3.cx; y: p3.cy; controlX: c5.cx; controlY: c5.cy }
    ]

    ControlPoint {
        id: p0
        cx: 600
        cy: 200
    }
    ControlPoint {
        id: c0
        color: "blue"
        cx: 1000
        cy: 600
    }
    ControlPoint {
        id: p1
        cx: 600
        cy: 1000
    }
    ControlPoint {
        id: c1
        color: "blue"
        cx: 200
        cy: 1200
    }
    ControlPoint {
        id: p2
        cx: 200
        cy: 600
    }
    ControlPoint {
        id: c2
        color: "blue"
        cx: 200
        cy: 200
    }

    ControlPoint {
        id: p3
        cx: 1000
        cy: 200
    }
    ControlPoint {
        id: c3
        color: "blue"
        cx: 1400
        cy: 600
    }
    ControlPoint {
        id: p4
        cx: 1000
        cy: 1000
    }
    ControlPoint {
        id: c4
        color: "blue"
        cx: 600
        cy: 1200
    }
    ControlPoint {
        id: p5
        cx: 600
        cy: 600
    }
    ControlPoint {
        id: c5
        color: "blue"
        cx: 200
        cy: -200
    }


    Text {
        anchors.centerIn: p0
        text: "p0"
    }
    Text {
        anchors.centerIn: p1
        text: "p1"
    }
    Text {
        anchors.centerIn: p2
        text: "p2"
    }
    Text {
        anchors.centerIn: p3
        text: "p3"
    }
    Text {
        anchors.centerIn: p4
        text: "p4"
    }
    Text {
        anchors.centerIn: p5
        text: "p5"
    }
    Text {
        anchors.centerIn: c0
        text: "c0"
    }
    Text {
        anchors.centerIn: c1
        text: "c1"
    }
    Text {
        anchors.centerIn: c2
        text: "c2"
    }
    Text {
        anchors.centerIn: c3
        text: "c3"
    }
    Text {
        anchors.centerIn: c4
        text: "c4"
    }
    Text {
        anchors.centerIn: c5
        text: "c5"
    }
}