Match-id-7d9916e11a4b9ee889fdb62be87fe24b4d0e5f1c

libs/extension/src/svgs/Arrow.tsx

@@ -0,0 +1,17 @@
+interface IArrow {
+  director: 'right' | 'down'
+}
+
+export default function Arrow({director}: IArrow) {
+  let d: string;
+  if (director === 'right') {
+    d = 'm2 0l12 8l-12 8 z'
+  } else if (director === 'down') {
+    d = 'm0 2h16 l-8 12 z';
+  }
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='8px' height='8px'>
+      <path d={d} fill='currentColor'/>
+    </svg>
+  )
+}

libs/extension/src/svgs/Copy.tsx

@@ -0,0 +1,8 @@
+
+export default function Copy() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='M0 0 H16 V16 H0 z M2 2 H8 V8 H2 V2z' fill='currentColor' fill-rule='evenodd'/>
+    </svg>
+  )
+}

libs/extension/src/svgs/Debug.tsx

@@ -0,0 +1,8 @@
+
+export default function Debug() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='m2 0l12 8l-12 8 z' fill='#000'/>
+    </svg>
+  )
+}

libs/extension/src/svgs/Eye.tsx

@@ -0,0 +1,10 @@
+
+export default function Eye() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <ellipse cx="8" cy="8" rx="8" ry="6" />
+      <circle cx="8" cy="8" r= "4" fill="rgb(255, 255, 255)"/>
+      <circle cx="8" cy="8" r= "2" fill="#000000"/>
+    </svg>
+  )
+}

libs/extension/src/svgs/Select.tsx

@@ -0,0 +1,9 @@
+
+
+export default function Select() {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='1rem' height='1rem'>
+      <path d='M14 6 V3 C14 2.5 13.5 2 13 2 H3 C2.5 2 2 2.5 2 3 V13 C2 13.5 2.5 14 3 14H6 V13 H3 V3 H13 V6z M7 7 L9 15 L11 12 L14 15 L15 14 L12 11 L15 9z' fill='#000' />
+    </svg>
+  )
+}