PageWithBottomEdge {
    id: mainPage
    title: i18n.tr("Overview")
                                                                                            
    Header {
        id: secondHeader
        styleName: "PageHeadStyle"

        config: PageHeadConfiguration {
            title: "Test"
            actions: [
                Action { iconName: "delete" },
                Action { iconName: "add" }

            ]
        }
    }

    // Used for switching from HorizontalFlowListView to ListView, and vice versa.
    Loader {
        id: viewLoader
        //anchors.fill: parent
        anchors {
            left: parent.left
            right: parent.right
            top: secondHeader.bottom
            bottom: parent.bottom
        }

        sourceComponent: (notes.model.count == 0) ? emptyModelItem ? horizontalFlowListView
    }
}