Added fwt components

2025-09-04 12:05:03 +08:00 · 2025-09-04 12:05:03 +08:00 · b2cbd947c5
commit b2cbd947c5
parent b7409d1c13
30 changed files with 852 additions and 0 deletions
--- a/fwt/components/Image/Image.tsx
+++ b/fwt/components/Image/Image.tsx
@ -0,0 +1,19 @@
+interface Props {
+  avif: string
+  webp: string
+  size?: number
+  alt?: string
+  radius?: number
+}
+
+export default (props: Props) => {
+  return (
+    <>
+      <picture>
+        <source srcset={props.avif} type="image/avif" />
+        <source srcset={props.webp} type="image/webp" />
+        <img style={`border-radius: ${props.radius}rem`} width={props.size} height="auto" decoding="async" loading="lazy" alt={props.alt} />
+      </picture>
+    </>
+  )
+}