Updated

frontend/@dasig/components/Logo.tsx

@@ -0,0 +1,25 @@
+import webpPath from "../images/logo.webp";
+import avifPath from "../images/logo.avif";
+
+interface Props {
+  size?: number;
+  alt?: string;
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <picture>
+        <source srcset={avifPath} type="image/avif" />
+        <source srcset={webpPath} type="image/webp" />
+        <img
+          width={props.size}
+          height="auto"
+          decoding="async"
+          loading="lazy"
+          alt="logo"
+        />
+      </picture>
+    </>
+  );
+};

frontend/@dasig/index.ts

@@ -5,3 +5,4 @@ export { default as Display } from "./components/Display";
 export { default as HTML } from "./components/HTML";
 export { default as Page } from "./components/Page";
 export { default as Image } from "./components/Image";
+export { default as Logo } from "./components/Logo";