import {
  Page, Summary, Header, VehicleBar, Hero, StatsRow, Stat, Section, FitNotice, TextLink,
  FeatureTrio, Feature, CtaActions, Button, Footer,
} from '@kuppwest/apple-clean';

export function ListingSkeleton() {
  return (
    <Page>
      <Summary>Starres Anhängerkupplungs-Set für VW Touran 5T1 ab 05.2015 mit 13-poligem TowTec-Elektrosatz.</Summary>
      <Header />
      <VehicleBar model="VW Touran Typ: 5T1" facts="Komplettsatz · Baujahr 05.2015 – jetzt" />
      <Hero
        eyebrow="Komplettset für den VW Touran 5T1"
        title="Die Anhängerkupplung für Ihren Touran. Komplett gedacht."
        lead="Starre Anhängerkupplung von Auto Hak. 13-poliger fahrzeugspezifischer TowTec-Elektrosatz. Ein Karton, alles drin."
        links={[{ label: 'Passt es zu meinem Fahrzeug?', href: '#kwac-fahrzeuge' }]}
      />
      <StatsRow>
        <Stat value="1.800" unit="kg Anhängelast" />
        <Stat value="75" unit="kg Stützlast" />
        <Stat value="9,9" unit="kN D-Wert" />
        <Stat value="13" unit="Pole, Datenbus" />
      </StatsRow>
      <Section alt statement="1.800 kg. Zieht, was Sie vorhaben." copy="Kugelkopf fest mit der Traverse verschraubt, dauerhaft einsatzbereit.">
        <FitNotice title="Bitte prüfen Sie vor dem Kauf Ihr Fahrzeug.">
          Passend für den VW Touran 5T1 ab 05.2015. Details in der <TextLink variant="inline" href="#kwac-fahrzeuge">Fahrzeugliste</TextLink>.
        </FitNotice>
      </Section>
      <Section statement="13-polig. Versteht Ihren Touran." copy="Kabellängen und Anschlüsse sind auf den Touran 5T1 abgestimmt.">
        <FeatureTrio>
          <Feature title="Datenbus-Anbindung">Fahrzeugspezifischer Anschluss mit Dauerstromvorbereitung.</Feature>
          <Feature title="Check-Control">Die Beleuchtung des Anhängers wird überwacht.</Feature>
          <Feature title="PDC-Abschaltung">Die Einparkhilfe schaltet sich automatisch ab.</Feature>
        </FeatureTrio>
      </Section>
      <Section alt final statement="Bereit anzukuppeln?">
        <CtaActions>
          <Button href="#kwac-fahrzeuge">Kompatibilität prüfen</Button>
        </CtaActions>
      </Section>
      <Footer token="[kwkw-131282-153195-kwkw]">Anhängerkupplungen und fahrzeugspezifische Elektrosätze.</Footer>
    </Page>
  );
}