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_pt.svg');
const FlagSv = require('../../visuals/Icon/svg/ic_flag_sv.svg');

const ArrowDown = require('../../visuals/Icon/svg/ic_keyboard_arrow_down.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,
  },
];

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