commerce/components/logo-square.tsx

import clsx from 'clsx';
import Logo from './icons/logo';

export default function LogoSquare({ size }: { size?: 'sm' | undefined }) {
  return (
    <div
      className={clsx('flex flex-none items-center justify-center', {
        'h-[40px] w-[40px]': !size,
        'h-[30px] w-[30px]': size === 'sm'
      })}
    >
      <Logo
        className={clsx({
          'h-[16px] w-[16px]': !size,
          'h-[10px] w-[10px]': size === 'sm'
        })}
      />
    </div>
  );
}