<Actionable action={data.product.actions.openDetailsPage}>
    <Flexbox flexDirection="column" gap={10}>
        <Flexbox flexDirection="column">
            <Image borderTopRightRadius={10} borderTopLeftRadius={10} resizeMode="cover" src={data.product.images[0].url} aspectRatio={1} />
            <Button borderRadius={0} borderBottomRightRadius={10} borderBottomLeftRadius={10} py={8} 
            variant="filled" color="black"
            icon="antdesign:addfile" size="sm" action={data.product.actions.addToCart}>Add to cart</Button>
        </Flexbox>
        <Flexbox flexDirection="column" gap={4}>
            <Text fontWeight="Bold" color="primary">
                <Money money={data.product.priceRange.minVariantPrice} />
            </Text>
            <Text fontWeight="bold" numberOfLines={1}>
                {data.product.vendor}
            </Text>
            <Text numberOfLines={2} fontSize="sm">
                {data.product.title}
            </Text>
        </Flexbox>
    </Flexbox>
</Actionable>

{}