import { LoadComparison } from '@kuppwest/apple-clean';

export function TwoBars() {
  return (
    <LoadComparison
      eyebrow="Anhängelast und Stützlast"
      statement={<>1.800&nbsp;kg am Haken.<br />75&nbsp;kg auf dem Kugelkopf.</>}
      copy="Die Anhängelast ist das Gewicht, das hinten dranhängen darf. Die Stützlast ist das Gewicht, das senkrecht auf dem Kugelkopf lasten darf – die Grenze für Heckträger mit Fahrrädern."
      bars={[
        { label: 'Anhängelast', value: '1.800 kg', width: 100, accent: true },
        { label: 'Stützlast', value: '75 kg', width: 4 },
      ]}
      note="Balken maßstäblich zueinander."
    />
  );
}