{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-blink",
  "files": [
    {
      "path": "registry/components/loading-ui/text-blink.tsx",
      "content": "import { cn } from \"@/lib/utils\";\n\ntype TextBlinkProps = Omit<React.ComponentProps<\"span\">, \"children\"> & {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  minOpacity?: number;\n};\n\nfunction TextBlink({\n  children,\n  as: Component = \"p\",\n  className,\n  minOpacity = 0.45,\n  style,\n  ...props\n}: TextBlinkProps) {\n  return (\n    <>\n      <style>{`\n        @keyframes loading-ui-text-blink {\n          0%,\n          100% {\n            opacity: 1;\n          }\n\n          50% {\n            opacity: var(--loading-ui-text-blink-opacity);\n          }\n        }\n      `}</style>\n      <Component\n        className={cn(\"inline-block font-medium\", className)}\n        style={\n          {\n            ...style,\n            \"--loading-ui-text-blink-opacity\": minOpacity,\n            animation:\n              \"loading-ui-text-blink var(--duration, 2s) ease-in-out infinite\",\n          } as React.CSSProperties\n        }\n        {...props}\n      >\n        {children}\n      </Component>\n    </>\n  );\n}\n\nexport { TextBlink };\n",
      "type": "registry:component",
      "target": ""
    }
  ],
  "type": "registry:component"
}