// Metro module 12204 (f12205).
import { View } from "react-native";
import { WISHLIST_SUGGESTION_CARD_GAP } from "../../user_profile/native/Constants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { WishlistAnalyticsProvider } from "../WishlistAnalyticsContext";
import AddToWishlistItemCard from "./AddToWishlistItemCard";
const useStyles = createStyles({
  itemsContainer: {
    flexDirection: "row",
    flexWrap: "wrap",
    gap: WISHLIST_SUGGESTION_CARD_GAP,
    justifyContent: "flex-start"
  }
});
export default function AddToWishlistGrid(props) {
  const { items, wishlist, analyticsLocations, cardSize } = props;
  return <View style={useStyles().itemsContainer}>
    {items.map((item, index) => {
      const sku = item.sku;
      return <WishlistAnalyticsProvider key={sku.id} newValue={{
        positionInSection: index,
        skuId: sku.id,
        itemSource: item.itemSource,
        productLine: sku.productLine
      }}>
        <AddToWishlistItemCard sku={sku} wishlistId={wishlist?.id} analyticsLocations={analyticsLocations} size={cardSize} />
      </WishlistAnalyticsProvider>;
    })}
  </View>;
};