// Cloudinary AVIF/WebP Auto-Transform
export function NewsCard({ article }) {
  const optimizedImg = buildUrl(article.imageId, {
    transformations: { format: 'auto', quality: 'auto', width: 800 }
  });
  return (
    <article className="news-item">
      <img src={optimizedImg} alt={article.title} loading="lazy" />
      <h3>{article.headline}</h3>
    </article>
  );
}

// Real-Time Asynchronous Fetch
export async function getCityWeather(cityName) {
  const endpoint = `https://api.openweathermap.org/data/2.5/weather?q=${cityName}&units=metric&appid=${API_KEY}`;
  const response = await fetch(endpoint);
  if (!response.ok) throw new Error('City not found');
  const data = await response.json();
  return sanitizeWeatherData(data);
}