Function LogoWithPlus

packages/shared/src/components/Logo.tsx:166–188

({
  className,
  iconSize = IconSize.Size16,
  logoClassName,
}: LogoWithPlusProps)

};

export const LogoWithPlus = ({
  className,
  iconSize = IconSize.Size16,
  logoClassName,
}: LogoWithPlusProps): ReactElement => {
  const featureTheme = useFeatureTheme();
  const isMobile = useViewSize(ViewSize.MobileL);
  return (
    <div className={classNames('relative flex items-center', className)}>
      <Logo
        position={LogoPosition.Relative}
        featureTheme={featureTheme}
        logoClassName={logoClassName}
      />
      <PlusUser
        iconSize={iconSize}
        typographyType={
          isMobile ? TypographyType.Footnote : TypographyType.Callout
        }
      />
    </div>
  );
};