/* eslint-disable @next/next/no-img-element */

export function AowangBrand({ compact = false, inverse = false }: { compact?: boolean; inverse?: boolean }) {
  return (
    <div className={`aowang-brand-lockup ${compact ? "compact" : ""} ${inverse ? "inverse" : ""}`}>
      <span className="aowang-brand-symbol">
        <img src="/aowang-logo.png" alt="傲网 GEO" />
      </span>
      <span className="aowang-brand-wordmark">
        <strong><b>傲网</b><i>GEO</i></strong>
        <small>AOWANG GEO DELIVERY CENTER</small>
      </span>
    </div>
  );
}

export function AowangCompanySignature() {
  return (
    <div className="aowang-company-signature">
      <AowangBrand compact />
      <span>广州傲网信息科技有限公司</span>
      <small>GUANGZHOU AOWANG INFORMATION TECHNOLOGY CO., LTD.</small>
    </div>
  );
}
