Link

const PreviewEn = () => {
  const rand = useId();
  return (
    <Link href={'/en/patterns/external-links/' + rand}>Labelling links</Link>
  );
};

render(<PreviewEn />)

const InTextEn = () => {
  const rand = useId();

  return (
    <Paragraph>
      We use components from{' '}
      <Link href={'https://designsystemet.no?q=' + rand}>
        designsystemet.no
      </Link>
      .
    </Paragraph>
  );
};

render(<InTextEn />)

const WithIconEn = () => {
  return (
    <Link href='https://designsystemet.no/slack'>
      <Chat2Icon aria-hidden fontSize={24} />
      <span>Talk to us on Slack</span>
    </Link>
  );
};

render(<WithIconEn />)

const NeutralEn = () => {
  const rand = useId();
  return (
    <Link href={'/en/fundamentals/privacy-policy' + rand} data-color='neutral'>
      Privacy Policy
    </Link>
  );
};

render(<NeutralEn />)