add qr bottom sheet

2025-12-25 00:35:32 +03:00
parent a98d1b7790
commit f35cf0bd3a
5 changed files with 212 additions and 5 deletions
--- a/src/components/Icons/QRIcon.tsx
+++ b/src/components/Icons/QRIcon.tsx
@@ -0,0 +1,55 @@
+interface QRIconType {
+  className?: string;
+  onClick?: () => void;
+}
+
+const QRIcon = ({ className, onClick }: QRIconType) => {
+  return (
+    <svg
+      width="116"
+      height="116"
+      viewBox="0 0 116 116"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      className={className}
+      onClick={onClick}
+    >
+      <path
+        d="M4.8335 4.8335H53.1668V53.1668H4.8335V4.8335ZM14.5002 14.5002V43.5002H43.5002V14.5002H14.5002Z"
+        fill="black"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.1665 24.1665H33.8332V33.8332H24.1665V24.1665Z"
+        fill="black"
+      />
+      <path
+        d="M62.8335 4.8335H111.167V53.1668H62.8335V4.8335ZM72.5002 14.5002V43.5002H101.5V14.5002H72.5002Z"
+        fill="black"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M82.1665 24.1665H91.8332V33.8332H82.1665V24.1665Z"
+        fill="black"
+      />
+      <path
+        d="M4.8335 62.8335H53.1668V111.167H4.8335V62.8335ZM14.5002 72.5002V101.5H43.5002V72.5002H14.5002Z"
+        fill="black"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M24.1665 82.1665H33.8332V91.8332H24.1665V82.1665Z"
+        fill="black"
+      />
+      <path
+        d="M111.167 91.8335H91.8335V111.167H62.8335V62.8335V91.8335H72.5002V101.5H82.1668V72.5002H72.5002V62.8335H67.6668H82.1668V72.5002H91.8335V82.1668H101.5V62.8335H111.167V91.8335ZM111.167 101.5V111.167H101.5V101.5H111.167Z"
+        fill="black"
+      />
+    </svg>
+  );
+};
+
+export default QRIcon;