{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "card-image-overlay",
  "type": "registry:component",
  "title": "Card Image Overlay",
  "description": "Card Image Overlay",
  "files": [
    {
      "path": "registry/ui-basic/CardImageOverlay.tsx",
      "content": "import React from \"react\";\n\nexport default function CardImageOverlay() {\n\treturn (\n\t\t<>\n\t\t\t{/*<!-- Component: Image overlay card --> */}\n\t\t\t<div className=\"overflow-hidden rounded bg-white text-slate-500 shadow-md shadow-slate-200\">\n\t\t\t\t{/*  <!-- Image --> */}\n\t\t\t\t<figure className=\"relative\">\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=\"/itjustworks.jpg\"\n\t\t\t\t\t\talt=\"card image\"\n\t\t\t\t\t\tclassName=\"aspect-video w-full\"\n\t\t\t\t\t/>\n\t\t\t\t\t<figcaption className=\"absolute bottom-0 left-0 w-full bg-linear-to-t from-slate-900 p-6 text-white\">\n\t\t\t\t\t\t<h3 className=\"text-lg font-medium \">Most famous beaches</h3>\n\t\t\t\t\t\t<p className=\"text-sm opacity-75\"> By George, jun 3 2023</p>\n\t\t\t\t\t</figcaption>\n\t\t\t\t</figure>\n\t\t\t</div>\n\t\t\t{/*<!-- End Image overlay card --> */}\n\t\t</>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}