import React from "react";export const AddImageSvg = ({ className }: { className?: string }) => {
  const _class = className || "w-12 h-12"; // square SVG
  return (
    <svg
  className={_class}
  width="48"
  height="88"
  viewBox="0 0 48 48"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
>

      {/* Dashed Border */}
      <rect
        x="1"
        y="1"
        width="46"
        height="46"
        stroke="#000"
        strokeWidth="2"
        strokeDasharray="4 4"
      />

      {/* Camera Body */}
      <path
        d="M30.65 13.2636L28.3574 9.64121C27.8742 9.07795 27.2119 8.72656 26.4695 8.72656H18.546C17.8036 8.72656 17.1413 9.07795 16.6581 9.64121L14.3655 13.2636C13.8823 13.8277 13.2596 14.2386 12.5172 14.2386H7.34975C6.61881 14.2386 5.91781 14.5289 5.40096 15.0458C4.88411 15.5626 4.59375 16.2636 4.59375 16.9946V33.5306C4.59375 34.2615 4.88411 34.9625 5.40096 35.4793C5.91781 35.9962 6.61881 36.2866 7.34975 36.2866H37.6657C38.3967 36.2866 39.0977 35.9962 39.6145 35.4793C40.1314 34.9625 40.4217 34.2615 40.4217 33.5306V16.9946C40.4217 16.2636 40.1314 15.5626 39.6145 15.0458C39.0977 14.5289 38.3967 14.2386 37.6657 14.2386H32.5844C31.8394 14.2386 31.1332 13.8277 30.65 13.2636Z"
        stroke="#000"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />

      {/* Lens */}
      <circle
        cx="22.5"
        cy="24"
        r="7.5"
        stroke="#000"
        strokeWidth="2"
      />

      {/* Small top details */}
      <path
        d="M11.1366 14.066V12.1719H9.07031V14.066"
        stroke="#000"
        strokeWidth="2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />

      <path
        d="M35.7334 2.47656V10.1934M39.5918 6.33496H31.875"
        stroke="#000"
        strokeWidth="1.6"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};
