{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "face-id-scan",
  "type": "registry:ui",
  "title": "Face Id Scan",
  "description": "Face Id Scan loading animation.",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/ui/loading/face-id-scan.tsx",
      "type": "registry:ui",
      "target": "components/amicro/face-id-scan.tsx",
      "content": "import React from 'react';\r\nimport { motion } from 'framer-motion';\r\n\r\nexport const FaceIDScan = () => (\r\n  <div className=\"w-12 h-12 border-2 border-zinc-300 rounded-xl relative overflow-hidden flex items-center justify-center\">\r\n    <svg viewBox=\"0 0 24 24\" className=\"w-6 h-6 fill-zinc-300 dark:fill-zinc-700\">\r\n      <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"/>\r\n    </svg>\r\n    <motion.div\r\n      className=\"absolute left-0 w-full h-8 bg-gradient-to-b from-transparent to-green-400/30 border-b border-green-500\"\r\n      animate={{ top: [\"-100%\", \"100%\", \"-100%\"] }}\r\n      transition={{ duration: 2.5, repeat: Infinity, ease: \"linear\" }}\r\n    />\r\n  </div>\r\n);\r\n"
    }
  ]
}