// Fetch artworks of a specific type with images
async function fetchArtworksWithImages(type, limit = 10) {
    const artworks = [];
    let page = 1;

    while (artworks.length < limit) {
        try {
            const response = await fetch(
                `https://api.artic.edu/api/v1/artworks/search?q="${type}"&fields=id,title,image_id,artist_title,artwork_type_title&limit=${limit}&page=${page}`
            );
            const data = await response.json();

            const artworksWithImages = (data.data || []).filter(
                (artwork) => artwork.image_id && artwork.image_id.trim() !== ""
            );
            artworks.push(...artworksWithImages);

            if (data.pagination.total_pages <= page) break;

            page++;
        } catch (error) {
            console.error(`Error fetching artworks for type: ${type}`, error);
            break;
        }
    }

    return artworks.slice(0, limit); 
}