// Real brand assets. POS = dark mark on light bg. NEG = white mark for dark bg.
// SBM_Logo = wordmark "SICILIAN BRS MERCHANTS" (3912×575).
// SBM_Monogram = the circular seal with SB intertwined.
function SBMonogram({ size = 96, variant = 'pos', style }) {
  const src = variant === 'neg'
    ? 'assets/logo/SBM_Monogram-NEG.png'
    : 'assets/logo/SBM_Monogram-POS.png';
  return <img src={src} alt="Sicilian Brs. Merchants monogram"
              width={size} height={size}
              style={{ display:'block', width:size, height:size, objectFit:'contain', ...style }} />;
}

function SBWordmark({ height = 28, variant = 'pos', style }) {
  const src = variant === 'neg'
    ? 'assets/logo/SBM_Logo-NEG.png'
    : 'assets/logo/SBM_Logo-POS.png';
  // wordmark aspect 3912/575 ≈ 6.8
  const width = height * (3912/575);
  return <img src={src} alt="Sicilian Brs. Merchants"
              height={height} width={width}
              style={{ display:'block', height, width:'auto', ...style }} />;
}

window.SBMonogram = SBMonogram;
window.SBWordmark = SBWordmark;