import { Gallery, GalleryItem, Section } from '@kuppwest/apple-clean';
import { AHK_IMG, ESATZ_IMG, CAR_IMG } from './fixtures/data';

const items = (
  <Gallery>
    <GalleryItem src={AHK_IMG} alt="Starre Anhängerkupplung von Auto Hak" caption="Starre Anhängerkupplung" />
    <GalleryItem src={ESATZ_IMG} alt="13-poliger TowTec Elektrosatz" caption="13-poliger TowTec-Elektrosatz" />
    <GalleryItem src={CAR_IMG} alt="Schwarzer VW Touran 5T1" caption="VW Touran 5T1, ab 05.2015" />
  </Gallery>
);

export function OnWhiteBand() {
  return <Section aria-label="Produktbilder">{items}</Section>;
}
export function OnAltBand() {
  return <Section alt aria-label="Produktbilder">{items}</Section>;
}