feat: add dynamic className props to picture common component

moonbamijam · May 1, 2024 · f01ac60 · f01ac60
1 parent 6b3b60f
commit f01ac60
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/common/Picture.tsx b/components/common/Picture.tsx
@@ -7,17 +7,18 @@ type Props = {
   src: string | Url;
   alt: string;
   isPriority?: boolean;
+  className?: string;
 };
 
-export default function Picture({ src, alt, isPriority }: Props) {
+export default function Picture({ src, alt, isPriority, className }: Props) {
   return (
     <CldImage
       priority={isPriority}
       src={`https://res.cloudinary.com/${process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME}/image/upload/v1710343815/portfolio/${src}`}
       fill
       sizes="(min-width: 475px) 100vw, (min-width: 768px) 1080px, (min-width: 1024px) 1920px"
       alt={`${alt}`}
-      className="object-cover"
+      className={`object-cover ${className}`}
     />
   );
 }