Footer example:

const linksForLeftSection = [
  {
    label: 'Terms of Service',
    to: 'https://doodle.com/terms-of-service',
  },
  {
    label: 'Imprint',
    to: 'https://doodle.com/imprint',
  },
  {
    label: 'Privacy policy',
    to: 'https://doodle.com/privacy-policy',
  },
];

<Footer links={linksForLeftSection} />;

Footer with right component passed:

const ArrowDown = require('../../visuals/Icon/svg/ic_keyboard_arrow_down.svg');

const FlagDa = require('../../visuals/Icon/svg/ic_flag_da.svg');
const FlagDe = require('../../visuals/Icon/svg/ic_flag_de.svg');
const FlagEnGb = require('../../visuals/Icon/svg/ic_flag_en-GB.svg');
const FlagEn = require('../../visuals/Icon/svg/ic_flag_en.svg');
const FlagEs = require('../../visuals/Icon/svg/ic_flag_es.svg');
const FlagFi = require('../../visuals/Icon/svg/ic_flag_fi.svg');
const FlagFr = require('../../visuals/Icon/svg/ic_flag_fr.svg');
const FlagNl = require('../../visuals/Icon/svg/ic_flag_nl.svg');
const FlagNo = require('../../visuals/Icon/svg/ic_flag_no.svg');
const FlagPtBr = require('../../visuals/Icon/svg/ic_flag_pt-BR.svg');
const FlagIt = require('../../visuals/Icon/svg/ic_flag_it.svg');
const FlagSv = require('../../visuals/Icon/svg/ic_flag_sv.svg');

const items = [
  {
    label: 'Dansk',
    icon: FlagDa,
  },
  {
    label: 'Deutsch',
    icon: FlagDe,
  },
  {
    label: 'English',
    icon: FlagEn,
  },
  {
    label: 'English (GB)',
    icon: FlagEnGb,
  },
  {
    label: 'Español',
    icon: FlagEs,
  },
  {
    label: 'Français',
    icon: FlagFr,
  },
  {
    label: 'Italiano',
    icon: FlagIt,
  },
  {
    label: 'Nederlands',
    icon: FlagNl,
  },
  {
    label: 'Norsk',
    icon: FlagNo,
  },
  {
    label: 'Português',
    icon: FlagPtBr,
  },
  {
    label: 'Suomi',
    icon: FlagFi,
  },
  {
    label: 'Svenska',
    icon: FlagSv,
  },
];

const linksForLeftSection = [
  {
    label: 'Terms of Service',
    to: 'https://doodle.com/terms-of-service',
  },
  {
    label: 'Imprint',
    to: 'https://doodle.com/imprint',
  },
  {
    label: 'Privacy policy',
    to: 'https://doodle.com/privacy-policy',
  },
];

<Footer links={linksForLeftSection} right={<LanguageMenu items={items}>{'English'}</LanguageMenu>} />;

Footer with additional links:

const linksForLeftSection = [
  {
    label: 'Terms of Service',
    to: 'https://doodle.com/terms-of-service',
  },
  {
    label: 'Imprint',
    to: 'https://doodle.com/imprint',
  },
  {
    label: 'Privacy policy',
    to: 'https://doodle.com/privacy-policy',
  },
];

<Footer links={linksForLeftSection}>
  <Section theme="darkGrey">
    <ul className="u-inlineList Footer-nav">
      <li>
        <Link to="/about-doodle/team" variant="dark">
          Team
        </Link>
      </li>
      <li>
        <Link to="https://doodle.teamtailor.com" variant="dark">
          Jobs
        </Link>
      </li>
      <li>
        <Link to="https://blog.doodle.com" variant="dark">
          Blog
        </Link>
      </li>
      <li>
        <Link to="/press" variant="dark">
          Media Corner
        </Link>
      </li>
    </ul>
    <ul className="u-inlineList Footer-nav">
      <li>
        <Link to="/advertising" variant="dark">
          Ads on Doodle
        </Link>
      </li>
      <li>
        <Link to="http://support.doodle.com/customer/en/portal/articles" variant="dark">
          Help and Support
        </Link>
      </li>
      <li>
        <Link to="/about-doodle/contact" variant="dark">
          Contact Us
        </Link>
      </li>
    </ul>
  </Section>
</Footer>;