id: stage
type: PageHeaderMenu
properties:
  title: Stage

layout:
  contentJustify: center

areas:
  content:
    blocks:
      - id: content
        type: Card
        layout:
          size: 800 # Set the size of the card so it does not fill the full screen
          contentGutter: 16 # Make a 16px gap between all blocks in this card
        blocks:
          - id: title
            type: Title
            layout:
              grow: 1
            properties:
              content: Stage
          - id: foo
            required: true
            type: TextInput
            properties:
              block: true
              title: Foo
              placeholder: Bar
              label:
                colon: false
                extra: Lorem ipsum; yada yada
                inline: true
          - id: woot
            required: true
            type: TextInput
            properties:
              block: true
              title: Woot
              placeholder: Sweet
              label:
                colon: false
                extra: Dude!
                inline: true
          - id: reset_button
            type: Button
            layout:
              grow: 1
            properties:
              title: Reset
              icon: ClearOutlined
              block: true
              type: default
            events:
              onClick:
                - id: reset
                  type: reset()
          - id: start_download
            type: Button
            layout:
              grow: 3
            properties:
              title: Download
              icon: CloudDownloadOutlined
              block: true