{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feed-color-status",
  "type": "registry:component",
  "title": "Feed Color Status",
  "description": "Feed Color Status",
  "files": [
    {
      "path": "registry/ui-basic/FeedColorStatus.tsx",
      "content": "import React from \"react\";\n\nexport default function FeedColorStatus() {\n\treturn (\n\t\t<>\n\t\t\t{/*<!-- Component: Colored Activity feed --> */}\n\t\t\t<ul\n\t\t\t\taria-label=\"Colored activity feed\"\n\t\t\t\trole=\"feed\"\n\t\t\t\tclassName=\"relative flex flex-col gap-12 py-12 pl-8 before:absolute before:top-0 before:left-8 before:h-full before:-translate-x-1/2 before:border before:border-dashed before:border-slate-200 after:absolute after:top-6 after:left-8 after:bottom-6 after:-translate-x-1/2 after:border after:border-slate-200 \"\n\t\t\t>\n\t\t\t\t<li role=\"article\" className=\"relative pl-8 \">\n\t\t\t\t\t<span className=\"absolute left-0 z-10 flex items-center justify-center w-10 h-10 text-white -translate-x-1/2 rounded-full bg-emerald-500 ring-2 ring-white \">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tclassName=\"w-5 h-5\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\td=\"M6 6.878V6a2.25 2.25 0 012.25-2.25h7.5A2.25 2.25 0 0118 6v.878m-12 0c.235-.083.487-.128.75-.128h10.5c.263 0 .515.045.75.128m-12 0A2.25 2.25 0 004.5 9v.878m13.5-3A2.25 2.25 0 0119.5 9v.878m0 0a2.246 2.246 0 00-.75-.128H5.25c-.263 0-.515.045-.75.128m15 0A2.25 2.25 0 0121 12v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6c0-.98.626-1.813 1.5-2.122\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"flex flex-col flex-1 gap-0\">\n\t\t\t\t\t\t<h4 className=\"text-base font-medium text-slate-700\">\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\tUI/UX project created{\" \"}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-sm text-slate-500\">13:12pm</p>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"article\" className=\"relative pl-8 \">\n\t\t\t\t\t<span className=\"absolute left-0 z-10 flex items-center justify-center w-10 h-10 text-white -translate-x-1/2 rounded-full bg-emerald-500 ring-2 ring-white \">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tclassName=\"w-5 h-5\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\td=\"M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"flex flex-col flex-1 gap-0\">\n\t\t\t\t\t\t<h4 className=\"text-base font-medium text-slate-700\">\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\tTask list created for project\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-sm text-slate-500\">13:31pm</p>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"article\" className=\"relative pl-8 \">\n\t\t\t\t\t<span className=\"absolute left-0 z-10 flex items-center justify-center w-10 h-10 text-white -translate-x-1/2 rounded-full bg-amber-500 ring-2 ring-white \">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tclassName=\"w-5 h-5\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\td=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"flex flex-col flex-1 gap-0\">\n\t\t\t\t\t\t<h4 className=\"text-base font-medium text-slate-700\">\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\tWarning! Project name cannot be empty{\" \"}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-sm text-slate-500\">13:32pm</p>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"article\" className=\"relative pl-8 \">\n\t\t\t\t\t<span className=\"absolute left-0 z-10 flex items-center justify-center w-10 h-10 text-white -translate-x-1/2 rounded-full bg-emerald-500 ring-2 ring-white \">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tclassName=\"w-5 h-5\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\td=\"M19 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zM4 19.235v-.11a6.375 6.375 0 0112.75 0v.109A12.318 12.318 0 0110.374 21c-2.331 0-4.512-.645-6.374-1.766z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"flex flex-col flex-1 gap-0\">\n\t\t\t\t\t\t<h4 className=\"text-base font-medium text-slate-700\">\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\tNew user added{\" \"}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-sm text-slate-500\">13:56pm</p>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"article\" className=\"relative pl-8 \">\n\t\t\t\t\t<span className=\"absolute left-0 z-10 flex items-center justify-center w-10 h-10 text-white -translate-x-1/2 rounded-full bg-amber-500 ring-2 ring-white \">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tclassName=\"w-5 h-5\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\td=\"M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"flex flex-col flex-1 gap-0\">\n\t\t\t\t\t\t<h4 className=\"text-base font-medium text-slate-700\">\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\tWarning! Project is going to be expired{\" \"}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-sm text-slate-500\">13:32pm</p>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t\t<li role=\"article\" className=\"relative pl-8 \">\n\t\t\t\t\t<span className=\"absolute left-0 z-10 flex items-center justify-center w-10 h-10 text-white -translate-x-1/2 bg-pink-500 rounded-full ring-2 ring-white \">\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tclassName=\"w-5 h-5\"\n\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t\td=\"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div className=\"flex flex-col flex-1 gap-0\">\n\t\t\t\t\t\t<h4 className=\"text-base font-medium text-slate-700\">\n\t\t\t\t\t\t\t{\" \"}\n\t\t\t\t\t\t\tProject deleted{\" \"}\n\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t<p className=\"text-sm text-slate-500\">13:32pm</p>\n\t\t\t\t\t</div>\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t{/*<!-- End Colored Activity feed --> */}\n\t\t</>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}