import BrandMark from './BrandMark'

export default function BrandLockup({ compact = false }: { compact?: boolean }) {
  return (
    <>
      <BrandMark size={compact ? 'compact' : 'default'} />
      <span className="min-w-0">
        <span
          className={[
            'block truncate font-semibold tracking-[-0.02em] text-gray-950 dark:text-white',
            compact ? 'text-[1.45rem]' : 'text-[1.65rem]',
          ].join(' ')}
        >
          SolaceScan
        </span>
        <span
          className={[
            'block truncate font-medium uppercase text-gray-500 dark:text-gray-400',
            compact ? 'text-[0.72rem] tracking-[0.14em]' : 'text-[0.8rem] tracking-[0.12em]',
          ].join(' ')}
        >
          Chain 138 Explorer by DBIS
        </span>
      </span>
    </>
  )
}