From 60638bcbdfa29dcfe5f0abc5e937606110512711 Mon Sep 17 00:00:00 2001
From: Katja Lutz <mail@katjalutz.ch>
Date: Wed, 22 Jun 2022 21:38:36 +0200
Subject: [PATCH] feat: implement swiss qrcode component

---
 src/components/SwissQrCode.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/SwissQrCode.tsx

diff --git a/src/components/SwissQrCode.tsx b/src/components/SwissQrCode.tsx
new file mode 100644
index 0000000..22b816e
--- /dev/null
+++ b/src/components/SwissQrCode.tsx
@@ -0,0 +1,26 @@
+import { Component, splitProps } from "solid-js";
+import QrCode from "./QrCode";
+
+const SwissQrCode: Component<Parameters<typeof QrCode>[0]> = (p) => {
+  const [props, rest] = splitProps(p, ["class"]);
+
+  return (
+    <div class={"relative " + props.class}>
+      <div class="absolute flex w-full h-full justify-center items-center">
+        <img
+          alt="Flag of Switzerland"
+          src="swiss-cross/CH-Kreuz_Freiheit_7mm.svg"
+          class="w-[15%] h-[15%]"
+        />
+      </div>
+      <QrCode
+        class="w-full h-full"
+        margin={0}
+        errorCorrectionLevel="M"
+        {...rest}
+      />
+    </div>
+  );
+};
+
+export default SwissQrCode;