shadcn/app/public/registry/styles/default/android.json

{
  "name": "android",
  "description": "Android device mockup frame",
  "files": [
    {
      "name": "android.tsx",
      "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst androidVariants = cva(\"inline-flex items-center justify-center\", {\n  variants: {\n    size: {\n      sm: \"h-4 w-4\",\n      default: \"h-6 w-6\",\n      lg: \"h-8 w-8\",\n      xl: \"h-12 w-12\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\nexport interface AndroidProps\n  extends React.SVGAttributes<SVGSVGElement>,\n    VariantProps<typeof androidVariants> {\n  color?: string\n}\n\nconst Android = React.forwardRef<SVGSVGElement, AndroidProps>(\n  ({ className, size, color = \"currentColor\", ...props }, ref) => {\n    return (\n      <svg\n        ref={ref}\n        className={cn(androidVariants({ size, className }))}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        {/* Android robot body */}\n        <path\n          d=\"M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10z\"\n          fill={color}\n        />\n        {/* Android robot head */}\n        <path\n          d=\"M15.5 6.5C15.5 5.12 14.38 4 13 4h-2c-1.38 0-2.5 1.12-2.5 2.5S9.62 9 11 9h2c1.38 0 2.5-1.12 2.5-2.5z\"\n          fill={color}\n        />\n        {/* Left antenna */}\n        <path\n          d=\"M7.5 2.5L9 4\"\n          stroke={color}\n          strokeWidth=\"1.5\"\n          strokeLinecap=\"round\"\n        />\n        {/* Right antenna */}\n        <path\n          d=\"M16.5 2.5L15 4\"\n          stroke={color}\n          strokeWidth=\"1.5\"\n          strokeLinecap=\"round\"\n        />\n        {/* Left arm */}\n        <path\n          d=\"M4 10.5c0-.83.67-1.5 1.5-1.5S7 9.67 7 10.5v3c0 .83-.67 1.5-1.5 1.5S4 14.33 4 13.5v-3z\"\n          fill={color}\n        />\n        {/* Right arm */}\n        <path\n          d=\"M17 10.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v3c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5v-3z\"\n          fill={color}\n        />\n        {/* Left eye */}\n        <circle\n          cx=\"10\"\n          cy=\"6.5\"\n          r=\"0.5\"\n          fill={color === \"currentColor\" ? \"#ffffff\" : \"#000000\"}\n        />\n        {/* Right eye */}\n        <circle\n          cx=\"14\"\n          cy=\"6.5\"\n          r=\"0.5\"\n          fill={color === \"currentColor\" ? \"#ffffff\" : \"#000000\"}\n        />\n      </svg>\n    )\n  }\n)\n\nAndroid.displayName = \"Android\"\n\nexport { Android, androidVariants }\n"
    }
  ],
  "type": "components:ui"
}