import { withBasePath } from '@/config/urls';

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