@hsl-fi/site-footer

SiteFooter

import SiteFooter from '@hsl-fi/site-footer';

// HSL.fi url, required
const hslFiUrl = 'https://uusi.hsl.fi';

// HSL.fi assets url, required
const assetsUrl = 'https://staticfiles.hsl.fi/';

// Footer language, required
const lang = 'fi'; // "fi", "sv" or "en"

// A boolean to hide app links, optional
const hideAppLinks = false;

// First link column, optional, an array of link-items
const firstColumn = [
  { name: 'Link 1', url: '/link-1', selected: true, target: null },
  { name: 'Link 2', url: '/link-2', selected: false, target: null },
  { name: 'Link 3', url: '/link-3', selected: false, target: null }
];

// Second link column, optional, an array of link-items
const secondColumn = null;

// Third link column, optional, an array of link-items
const thirdColumn = null;

// Cookie Preferences link onclick callback, optional
onCookieButtonClick = () => {};

return (
  <SiteFooter
    hslFiUrl={hslFiUrl}
    assetsUrl={assetsUrl}
    lang={lang}
    hideAppLinks={hideAppLinks}
    firstColumn={firstColumn}
    secondColumn={secondColumn}
    thirdColumn={thirdColumn}
    onCookieButtonClick={onCookieButtonClick}
  />
);