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

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

    palette {
        accent: Theme.accent
        dark: Theme.foreground
        window: Theme.background
        windowText: Theme.foreground
        base: Theme.muted
        brightText: Theme.muted
        text: Theme.foreground
        button: Theme.accent
        buttonText: "#FFFFFF"
    }

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

      AppLogo {}

      AppPrimaryButton {
        text: "Toggle theme"
        onClicked: {
          Theme.toggleTheme()
        }
      }

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