{
  "name": "integrations-webhooks-empty-state",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/integrations/integrations.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-col": ""
  },
  "html": "<div data-col>\n      <empty-state-ui icon=\"plug\" heading=\"No webhooks yet\" description=\"Add an endpoint to start receiving events.\">\n        <button-ui slot=\"action\" text=\"+ Add webhook\" variant=\"primary\"></button-ui>\n      </empty-state-ui>\n    </div>",
  "source": "apps/saas/app/integrations/integrations.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Webhooks empty state — an empty-state-ui with a plug icon, heading, and description plus a primary Add webhook action. The zero-endpoints state for the outbound webhook delivery section of an integrations page.",
    "keywords": [
      "webhooks",
      "empty",
      "state",
      "empty-state-ui",
      "plug",
      "icon",
      "add",
      "webhook",
      "endpoint",
      "outbound",
      "events",
      "delivery",
      "zero",
      "no-webhooks",
      "integrations",
      "developer",
      "settings",
      "primary-action",
      "data"
    ]
  },
  "captured_at": "2026-06-10T13:16:11.236Z",
  "template": [
    {
      "id": "button",
      "component": "Button",
      "slot": "action",
      "text": "+ Add webhook",
      "variant": "primary"
    },
    {
      "id": "empty-state",
      "component": "EmptyState",
      "description": "Add an endpoint to start receiving events.",
      "heading": "No webhooks yet",
      "icon": "plug",
      "children": [
        "button"
      ]
    },
    {
      "id": "root",
      "component": "Column",
      "data-col": "",
      "children": [
        "empty-state"
      ]
    }
  ]
}