import { MoreOffers, MoreOfferCard } from '@kuppwest/apple-clean';
import { MORE_IMGS, padAlt } from './fixtures/data';

export function FourTiles() {
  return (
    <div style={padAlt}>
      <MoreOffers>
        {MORE_IMGS.map((src, i) => (
          <MoreOfferCard key={src} href="https://www.ebay.de/" src={src} ariaLabel={`Weiteres Angebot ${i + 1} anzeigen`} />
        ))}
      </MoreOffers>
    </div>
  );
}