import { Section, FitNotice, TextLink, CtaActions, Button } from '@kuppwest/apple-clean';

export function Statement() {
  return (
    <Section
      statement="Eintragungsfrei. Ab Werk gedacht."
      copy="Prüfzeichen E20-55R-01 4543 — eine TÜV-Eintragung ist nicht erforderlich. Die Steckdose ist klappbar, die Stoßstange bleibt unbearbeitet."
    />
  );
}
export function AltWithContent() {
  return (
    <Section
      alt
      id="kwac-s1"
      statement="1.800 kg. Zieht, was Sie vorhaben."
      copy="Wohnwagen, Pferdeanhänger oder der Hänger voll Gartenerde: 1.800 kg Anhängelast, 75 kg Stützlast und ein D-Wert von 9,9 kN stehen für den sicheren Anhängerbetrieb."
    >
      <FitNotice title="Bitte prüfen Sie vor dem Kauf Ihr Fahrzeug.">
        Passend für den VW Touran 5T1 ab 05.2015. Nicht für R-Line. Die vollständige Liste steht in der{' '}
        <TextLink variant="inline" href="#kwac-fahrzeuge">Fahrzeugliste</TextLink>.
      </FitNotice>
    </Section>
  );
}
export function FinalCallToAction() {
  return (
    <Section final statement="Bereit anzukuppeln?" copy="Ein Blick in die Fahrzeugliste, und Sie wissen es sicher.">
      <CtaActions>
        <Button href="#kwac-fahrzeuge">Kompatibilität prüfen</Button>
        <Button variant="ghost" href="#kwac-angebote">Varianten vergleichen</Button>
      </CtaActions>
    </Section>
  );
}