Breadcrumb

{
  "view": {
    "kind": "element",
    "tag": "nav",
    "props": { "aria-label": { "expr": "lit", "value": "Breadcrumb" }, "class": { "expr": "lit", "value": "flex items-center text-sm" } },
    "children": [
      {
        "kind": "element",
        "tag": "a",
        "props": { "href": { "expr": "lit", "value": "/" }, "class": { "expr": "lit", "value": "text-muted-foreground hover:text-foreground" } },
        "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Home" } }]
      },
      {
        "kind": "element",
        "tag": "span",
        "props": { "class": { "expr": "lit", "value": "mx-2 text-muted-foreground" } },
        "children": [{ "kind": "text", "value": { "expr": "lit", "value": "/" } }]
      },
      {
        "kind": "element",
        "tag": "a",
        "props": { "href": { "expr": "lit", "value": "/products" }, "class": { "expr": "lit", "value": "text-muted-foreground hover:text-foreground" } },
        "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Products" } }]
      },
      {
        "kind": "element",
        "tag": "span",
        "props": { "class": { "expr": "lit", "value": "mx-2 text-muted-foreground" } },
        "children": [{ "kind": "text", "value": { "expr": "lit", "value": "/" } }]
      },
      {
        "kind": "element",
        "tag": "span",
        "props": { "class": { "expr": "lit", "value": "font-medium text-foreground" } },
        "children": [{ "kind": "text", "value": { "expr": "lit", "value": "Current" } }]
      }
    ]
  }
}