I am trying to set a variant default props but it is never applied
This is the code:
import React from 'react';
import ImageGallerySingleCard from '@components/premium-organization/ImageGallery/ImageGallerySingleCard';
import ImageGallerySmallCards from '@components/premium-organization/ImageGallery/ImageGallerySmallCards';

export type Variants = 'small' | 'single';

export interface ImageGalleryProps {
variants?: Variants;
items: Array<{ src: string; alt: string }>;
}

interface Props {
data: ImageGalleryProps;
}

const ImageGallery = (props: Props) => {
const { data } = props;
const { variants, items } = data;

if (variants === 'single') return <ImageGallerySingleCard items={items} />;

return (
<div className="py-10 sm:py-16 lg:py-20">
<div className="block md:hidden">
<ImageGallerySingleCard items={items} />
</div>
<div className="hidden md:block">
<ImageGallerySmallCards items={items} />
</div>
</div>
);
};

ImageGallery.defaultProps = {
data: {
variants: "single",
}
};


export default ImageGallery;