load(
  local!completed: false,
  {
    a!sectionLayout(
      contents: {
        a!cardLayout(
          contents: {
            a!richTextDisplayField(
              labelPosition: "COLLAPSED",
              value: {
                a!richTextIcon(
                  icon: "hourglass-2",
                  color: "#8CA1D0",
                  size: "LARGE"
                ),
                char(
                  10
                ),
                char(
                  10
                ),
                a!richTextItem(
                  text: "Done",
                  color: "ACCENT",
                  size: "MEDIUM",
                  style: "STRONG"
                ),
                char(
                  10
                ),
                char(
                  10
                ),
                a!richTextItem(
                  text: "3",
                  size: "LARGE"
                )
              },
              align: "CENTER"
            )
          },
          link: a!dynamicLink(
            saveInto: a!save(
              local!completed,
              true
            )
          ),
          height: "AUTO"
        )
      }
    ),
    a!sectionLayout(
      contents: {
        a!textField(
          value: "ok",
          showWhen: local!completed = false
        ),
        a!textField(
          value: "ok1",
          showWhen: local!completed = true
        )
      }
    )
  }
)