{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "extends": "none",
  "name": "skeleton-dynamic-content-example",
  "title": "Skeleton Dynamic Content",
  "description": "skeleton-dynamic-content-example",
  "registryDependencies": [
    "https://intentui.com/r/skeleton",
    "https://intentui.com/r/text"
  ],
  "files": [
    {
      "path": "src/components/examples/statuses/skeleton/skeleton-dynamic-content-example.tsx",
      "content": "'use client'\n\nimport { Skeleton } from '@/components/ui/skeleton'\nimport { Strong, Text } from '@/components/ui/text'\n\nexport default function SkeletonDynamicContentExample() {\n  return (\n    <Skeleton isLoading>\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2\">\n        {Array.from({ length: 4 }, (_, index) => (\n          <a href=\"#\" key={index}>\n            <img\n              className=\"aspect-video w-full rounded-lg\"\n              src=\"https://design.intentui.com/images/blocks/blog/blog-min.jpg\"\n              alt={`Item ${index}`}\n            />\n            <div className=\"mt-2\">\n              <Strong>Lorem ipsum dolor.</Strong>\n              <Text>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque, ut!</Text>\n            </div>\n          </a>\n        ))}\n      </div>\n    </Skeleton>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/skeleton-dynamic-content-example/page.tsx"
    }
  ],
  "type": "registry:page"
}