import QtQuick

import QtQuick.Layouts
import QtQuick.Controls
import FluentUI.Controls
import FluentUI.impl

Item {
    id: control
    signal clickButton(var item)
    width: parent.width
    anchors.topMargin: 26
    anchors.leftMargin: 10
    RowLayout {
        width: parent.width
        height: 50
        spacing: 5

        // IconButton{
        //     Layout.leftMargin: 5
        //     onClicked: {
        //         console.log("click")
        //     }
        // }

        Rectangle{
            Layout.minimumWidth: parent.width / 3
            Layout.preferredHeight: 20
            Layout.leftMargin: 10
            color: "transparent"

            Breadcrumb {
                id: breadCrumb
                items: [{title: "充换电"}, {title: "耳字壕充换电站规划"}]
                width: parent.width
                anchors.verticalCenter: parent.verticalCenter
                onClickItem: (model)=>{
                    showSuccess(model.title)
                }
            }
        }

        Rectangle{
            Layout.fillWidth: true
            Layout.preferredHeight: 30
            color: "transparent"

            RowLayout{
                spacing: 10

                ToggleButton{
                    Layout.fillWidth: false
                    text: "点"
                    onClicked: {
                        control.clickButton("StartAddPoint")
                    }
                }
                // ToggleButton{
                //     Layout.fillWidth: false
                //     text: "线"
                //     onClicked: {
                //         control.clickButton("StartAddPoint")
                //     }
                // }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "曲线"
                    onClicked: {
                        control.clickButton("StartCurve")
                    }
                }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "面"
                    onClicked: {
                        control.clickButton("StartAddPoly")
                    }
                }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "三角"
                }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "圆"
                }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "椭圆"
                }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "自由线"
                }
                ToggleButton{
                    Layout.fillWidth: false
                    text: "自由面"
                }
            }
        }
    }
}