import QtQuick
import Qt.labs.platform
import Gallery
import DesignSystem
import QtQuick.Layouts
import QtQuick.Controls.Basic
import QtQuick.Dialogs

AppWindow {
    id: window
    width: 640
    height: 480
    visible: true
    title: qsTr("flowy - gallery")

    ColumnLayout {
      anchors.left: parent.left
      anchors.right: parent.right
      anchors.top: parent.top
      anchors.margins: 10

      AppLogo {}

      Row {
        spacing: 5

        AppPrimaryButton {
          text: "Toggle theme"
          onClicked: {
            Theme.toggleTheme()
          }
        }
        AppSecondaryButton {
          text: "Secondary"
        }
        AppGhostButton {
          text: "Ghost"
        }
      }

      AppCard {
        Column {
          spacing: 10
          AppText {
            text: "This is a card"
          }
          AppCaption {
            text: "Caption"
          }
          AppHeadline {
            text: "Headline"
          }
          AppSubHeadline {
            text: "SubHeadline"
          }
          AppLabel {
            text: "Label"
          }
        }
      }

      Switch {}

      AppSecondaryButton {
        text: "Open message dialog"
        onClicked: {
          messageDialog.open()
        }
      }

      MessageDialog {
        id: messageDialog
        buttons: MessageDialog.Ok
        text: "The document has been modified."
      }
    }
}