From ab99131b4e6c5352d7609191684851007b56d7f0 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Fri, 29 Aug 2025 10:23:54 +0800
Subject: [PATCH] Added radius

---
 fwt/components/Image/Image.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/fwt/components/Image/Image.tsx b/fwt/components/Image/Image.tsx
index 2df6d4c..d885641 100644
--- a/fwt/components/Image/Image.tsx
+++ b/fwt/components/Image/Image.tsx
@@ -3,6 +3,7 @@ interface Props {
   webp: string
   size?: number
   alt?: string
+  radius?: number
 }
 
 export default (props: Props) => {
@@ -11,7 +12,7 @@ export default (props: Props) => {
       <picture>
         <source srcset={props.avif} type="image/avif" />
         <source srcset={props.webp} type="image/webp" />
-        <img width={props.size} height="auto" decoding="async" loading="lazy" alt={props.alt} />
+        <img style={`border-radius: ${props.radius}rem`} width={props.size} height="auto" decoding="async" loading="lazy" alt={props.alt} />
       </picture>
     </>
   )