Component {
        id: pk

        Item {
            width: 600
            height: 200
            Item {
                width: parent.width * 0.9
                height: parent.height * 0.9
                anchors.centerIn: parent
                Material.elevation: 24

                Rectangle {
                    color: "white"
                    opacity: 0.11
                    anchors.fill: parent
                }

                Item {
                    width: parent.width * 0.9
                    height: parent.height * 0.9
                    anchors.centerIn: parent

                    Column {
                        Row {
                            Label {
                                color: "white"
                                font.bold: true
                                text: pkName
                            }
                            Label {
                                color: "white"
                                text: " - " + pkVersion
                            }
                        }
                        Row {
                            Label {
                                color: "white"
                                text: pkProject
                            }
                        }
                    }
                    Button {
                        id: info
                        anchors.bottom: parent.bottom
                        anchors.bottomMargin: 1

                        anchors.right: view.left
                        anchors.rightMargin: 10

                        text: "View Info"
                        onClicked: {
                            root.moreInfo(pkProject, pkName);
                        }
                    }

                    Button {
                        id: view
                        anchors.bottom: parent.bottom
                        anchors.bottomMargin: 1

                        anchors.right: install.left
                        anchors.rightMargin: 10

                        text: "View on OBS"
                        onClicked: {
                            dialog.openOBS(pkName, pkProject);
                        }
                    }

                    Button {
                        id: install
                        anchors.bottom: parent.bottom
                        anchors.right: parent.right
                        anchors.rightMargin: 1
                        anchors.bottomMargin: 1
                        text: "Install"
                        onClicked: {
                            dialog.show(pkName, pkProject, pkDistro);
                        }
                    }
                }
            }
        }
    }