import objektivMk1RgWoff from '../../assets/fonts/ObjektivMk1_W_Rg.woff.js';
import objektivMk1RgWoff2 from '../../assets/fonts/ObjektivMk1_W_Rg.woff2.js';
import objektivMk1ThWoff from '../../assets/fonts/ObjektivMk1_W_Th.woff.js';
import objektivMk1ThWoff2 from '../../assets/fonts/ObjektivMk1_W_Th.woff2.js';
import objektivMk1LtWoff from '../../assets/fonts/ObjektivMk1_W_Lt.woff.js';
import objektivMk1LtWoff2 from '../../assets/fonts/ObjektivMk1_W_Lt.woff2.js';
import objektivMk1MdWoff from '../../assets/fonts/ObjektivMk1_W_Md.woff.js';
import objektivMk1MdWoff2 from '../../assets/fonts/ObjektivMk1_W_Md.woff2.js';
import objektivMk1BdWoff from '../../assets/fonts/ObjektivMk1_W_Bd.woff.js';
import objektivMk1BdWoff2 from '../../assets/fonts/ObjektivMk1_W_Bd.woff2.js';

const objektivMk1FontFamily = 'Objektiv Mk1';
const generateFontFace = ({
  woff,
  woff2,
  family,
  weight,
  style: _style = 'normal'
}) => `
  @font-face {
    font-display: fallback;
    font-style: ${_style};
    font-weight: ${weight};
    font-family: '${family}';
    src: url(${woff}) format('woff'), url(${woff2}) format('woff2');
  }
`;
// Objektiv
const objektivFontFaceTh = generateFontFace({
  weight: 250,
  family: objektivMk1FontFamily,
  woff: objektivMk1ThWoff,
  woff2: objektivMk1ThWoff2
});
const objektivFontFaceLt = generateFontFace({
  weight: 300,
  family: objektivMk1FontFamily,
  woff: objektivMk1LtWoff,
  woff2: objektivMk1LtWoff2
});
const objektivFontFaceRg = generateFontFace({
  weight: 400,
  family: objektivMk1FontFamily,
  woff: objektivMk1RgWoff,
  woff2: objektivMk1RgWoff2
});
const objektivFontFaceMd = generateFontFace({
  weight: 500,
  family: objektivMk1FontFamily,
  woff: objektivMk1MdWoff,
  woff2: objektivMk1MdWoff2
});
const objektivFontFaceBd = generateFontFace({
  weight: 700,
  family: objektivMk1FontFamily,
  woff: objektivMk1BdWoff,
  woff2: objektivMk1BdWoff2
});

export { objektivFontFaceBd, objektivFontFaceLt, objektivFontFaceMd, objektivFontFaceRg, objektivFontFaceTh, objektivMk1FontFamily };
