{
  "Docu Card Group": {
    "prefix": "card-group",
    "body": [
      "<CardGroup cols={${1:2}}>",
      "  <Card title=\"${2:Card Title}\" icon=\"${3:Home}\">",
      "    ${4:Card content goes here. You can add **markdown** content.}",
      "  </Card>",
      "  <Card title=\"${5:Another Card}\" icon=\"${6:Settings}\">",
      "    ${7:More content here.}",
      "  </Card>",
      "</CardGroup>"
    ],
    "description": "Create a group of cards in a responsive grid"
  },
  "Docu Card": {
    "prefix": "card",
    "body": [
      "<Card ",
      "  title=\"${1:Card Title}\"",
      "  icon=\"${2:Home}\"",
      "  href=\"${3:/optional-link}\"",
      "  ${4:horizontal}>",
      "  ${5:Card content goes here. You can add **markdown** content.}",
      "</Card>"
    ],
    "description": "Create a single card component"
  },
  "Docu Horizontal Card": {
    "prefix": "card-horizontal",
    "body": [
      "<Card ",
      "  title=\"${1:Card Title}\"",
      "  icon=\"${2:Home}\"",
      "  href=\"${3:/optional-link}\"",
      "  horizontal>",
      "  ${4:Content appears next to the icon in a horizontal layout.}",
      "</Card>"
    ],
    "description": "Create a horizontal card layout"
  },
  "Docu Card With Link": {
    "prefix": "card-link",
    "body": [
      "<Card ",
      "  title=\"${1:Card Title}\"",
      "  icon=\"${2:ExternalLink}\"",
      "  href=\"${3:https://example.com}\">",
      "  ${4:This card is clickable and links to an external URL.}",
      "</Card>"
    ],
    "description": "Create a clickable card that links to a URL"
  }
}