import { TextLink } from '@kuppwest/apple-clean';
import { pad } from './fixtures/data';

export function Standalone() {
  return (
    <div style={{ ...pad, display: 'flex', gap: 34, flexWrap: 'wrap' }}>
      <TextLink href="#kwac-fahrzeuge">Passt es zu meinem Fahrzeug?</TextLink>
      <TextLink href="#kwac-daten">Technische Daten</TextLink>
    </div>
  );
}
export function Inline() {
  return (
    <p style={{ ...pad, maxWidth: 520, fontSize: 15, lineHeight: 1.55, color: 'var(--muted)' }}>
      Passend für den VW Touran 5T1 ab 05.2015. Die vollständige Liste steht in der{' '}
      <TextLink variant="inline" href="#kwac-fahrzeuge">Fahrzeugliste</TextLink>.
    </p>
  );
}
export function WithoutChevron() {
  return <div style={pad}><TextLink href="#kwac-angebote" chevron={false}>Weitere Angebote</TextLink></div>;
}