/* eslint-disable import/prefer-default-export */
import getUrls from 'config/urls';

const { BASE_PATH } = getUrls();

function buildPath(filePath) {
  return String.prototype.concat(BASE_PATH, filePath);
}

export const metaFavicon = (
  <>
    <link rel="apple-touch-icon" sizes="180x180" href={buildPath('/apple-touch-icon.png')} />
    <link rel="icon" type="image/png" sizes="32x32" href={buildPath('/favicon-32x32.png')} />
    <link rel="icon" type="image/png" sizes="16x16" href={buildPath('/favicon-16x16.png')} />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="mask-icon" href={buildPath('/safari-pinned-tab.svg')} color="#5bbad5" />
    <meta name="theme-color" content="#ffffff" />
  </>
);