import React from 'react';

const BrandLogo = ({
  title = 'iMeeting',
  size = 32,
  titleSize = 18,
  gap = 10,
  titleColor = '#1f2f4a',
  weight = 700,
}) => (
  <span
    style={{
      display: 'inline-flex',
      alignItems: 'center',
      gap,
      minWidth: 0,
    }}
  >
    <img
      src="/favicon.svg"
      alt="iMeeting"
      style={{
        width: size,
        height: size,
        display: 'block',
        objectFit: 'contain',
        flexShrink: 0,
      }}
    />
    <span
      style={{
        fontSize: titleSize,
        fontWeight: weight,
        color: titleColor,
        lineHeight: 1.1,
        whiteSpace: 'nowrap',
      }}
    >
      {title}
    </span>
  </span>
);

export default BrandLogo;
