{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "typewriter-demo",
  "type": "registry:component",
  "registryDependencies": [
    "typewriter"
  ],
  "files": [
    {
      "path": "registry/default/example/typewriter-demo.tsx",
      "content": "\"use client\"\n\nimport { ReactNode } from \"react\"\n\nimport { Typewriter } from \"../ui/typewriter\"\n\nconst texts = [\n  \"Testing 124\",\n  \"Look at newcult.co\",\n  \"and check gnow.io\",\n  \"Sick af\",\n]\n\nexport default function TypewriterDemo() {\n  return (\n    <IosOgShellCard>\n      <div className=\"mb-3 ml-auto rounded-2xl bg-blue-500 px-4 py-2 text-white\">\n        <p className=\"text-base-900 truncate text-sm font-semibold md:text-base\">\n          <Typewriter texts={texts} delay={1} baseText=\"Yo \" />\n        </p>\n      </div>\n    </IosOgShellCard>\n  )\n}\n\nfunction IosOgShellCard({ children }: { children: ReactNode }) {\n  return (\n    <div className=\"shadow-inner-shadow mx-auto flex max-w-xs flex-col rounded-lg bg-neutral-900 px-px pb-px md:max-w-xl md:min-w-80\">\n      <div className=\"flex flex-col p-4 md:px-5\">\n        <div className=\"mb-2 text-sm text-neutral-500 md:text-neutral-500\">\n          iMessage\n        </div>\n        <div className=\"mb-3 text-xs text-neutral-500 md:text-sm\">\n          Today 11:29\n        </div>\n        <div className=\"mb-3 ml-auto rounded-2xl bg-blue-500 px-4 py-2 text-white\">\n          <span>Hey!</span>\n        </div>\n        <div className=\"mr-auto mb-3 rounded-2xl bg-neutral-700 px-4 py-2 text-white\">\n          <span>Whats up bretheren?!</span>\n        </div>\n        {children}\n        <div className=\"mt-3 text-xs text-neutral-500 md:text-sm\">\n          Delivered\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component"
    }
  ]
}