{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "shimmer-loader",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/shimmer-loader.tsx",
      "content": "'use client';\nimport { ShimmerLoader } from '@/components/ui/shimmer-loader';\nimport { useState } from 'react';\n\nexport default function ShimmerLoaderDemo() {\n  const [key, setKey] = useState(0);\n\n  const handleComplete = () => {\n    console.log('Animation complete');\n    setKey((prev) => prev + 1);\n  };\n\n  return (\n    <div className='p-10 flex flex-col gap-5 max-w-3xl mx-auto bg-black'>\n      <ShimmerLoader\n        key={key}\n        labels={['Analysing.', 'Analysing..', 'Analysing...']}\n        icons={['✦', '◆', '✶', '❋', '✸']}\n        duration={3000}\n        tokenTarget={0.16}\n        showPercent={true}\n        fontSize={14}\n        paddingY={4}\n        cellPadding={2}\n        textClassName='text-purple-200/90'\n        onComplete={handleComplete}\n      />\n      <ShimmerLoader\n        key={key + 1}\n        labels={['Booting…', 'Loading…', 'Preparing…', 'Initializing…']}\n        icons={['✦', '◆', '✶', '❋', '✸']}\n        duration={3000}\n        tokenTarget={0.8}\n        showPercent={true}\n        fontSize={14}\n        paddingY={4}\n        cellPadding={2}\n        textClassName='text-purple-200/90'\n        onComplete={handleComplete}\n      />\n      <ShimmerLoader\n        key={key + 2}\n        labels={['Syncing…', 'Configuring…', 'Setting up…', 'Onboarding…']}\n        icons={['◈', '◉', '⬡', '⬢', '◍']}\n        duration={3000}\n        tokenTarget={0.92}\n        showPercent={true}\n        fontSize={14}\n        paddingY={4}\n        cellPadding={2}\n        textClassName='text-purple-200/90'\n        onComplete={handleComplete}\n      />\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}