{
  "surface_id": "ingredient-list-lets-cook",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "ingredient-list-lets-cook",
          "root": "ingredient-list-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "ingredient-list-lets-cook",
          "components": [
            {
              "id": "ingredient-list-card",
              "component": {
                "Card": {
                  "child": "ingredient-list-column"
                }
              }
            },
            {
              "id": "ingredient-list-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "ingredient-list-title",
                      "ingredient-list-divider-top",
                      "dairy-title",
                      "dairy-item-mayo",
                      "dairy-item-yogurt",
                      "dairy-item-peanut-butter",
                      "ingredient-list-divider-middle",
                      "fruit-title",
                      "fruit-item-cantaloupe",
                      "fruit-item-watermelon",
                      "fruit-item-blueberries",
                      "lets-cook-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "ingredient-list-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Ingredient List"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "ingredient-list-divider-top",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "dairy-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Condiments & Dairy"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "dairy-item-mayo",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Hellmann's mayonnaise"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "dairy-item-yogurt",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Dannon yogurt"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "dairy-item-peanut-butter",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Peanut butter"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "ingredient-list-divider-middle",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "fruit-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Fruits"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "fruit-item-cantaloupe",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Cantaloupe"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "fruit-item-watermelon",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Watermelon"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "fruit-item-blueberries",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Blueberries"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "lets-cook-button",
              "component": {
                "Button": {
                  "child": "lets-cook-button-label",
                  "style": "primary",
                  "action": {
                    "name": "start_recipe_from_ingredients"
                  }
                }
              }
            },
            {
              "id": "lets-cook-button-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Let's cook!"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            }
          ]
        }
      }
    ]
  }
}