import { DetailGrid, DetailCard } from '@kuppwest/apple-clean';
import { AHK_IMG, ESATZ_IMG, pad } from './fixtures/data';

export function TwoCards() {
  return (
    <div style={pad}>
      <DetailGrid>
        <DetailCard src={AHK_IMG} alt="Starre Auto Hak Anhängerkupplung" kicker="Auto Hak" title="Starre Anhängerkupplung">
          Der angeschraubte Kugelkopf bleibt dauerhaft sichtbar. Die Steckdose ist klappbar; eine Bearbeitung der Stoßstange ist nicht erforderlich.
        </DetailCard>
        <DetailCard src={ESATZ_IMG} alt="TowTec Elektrosatz mit Steuergerät und Kabelbaum" kicker="TowTec" title="13-poliger Elektrosatz">
          Fahrzeugspezifischer Datenbus-E-Satz mit Check-Control, Dauerstromvorbereitung und automatischer Abschaltung der Einparkhilfe.
        </DetailCard>
      </DetailGrid>
    </div>
  );
}