import Link from 'next/link'

export default function Header() {
  return (
    <div className='w-full flex items-center justify-between px-6 pt-[16px] pb-0 sm:pb-10'>
      <Link href={'/'} className='text-[rgb(0,82,255)] dark:text-white'>
        <svg
          aria-label='Coinbase logo'
          className=''
          height='32'
          role='img'
          viewBox='0 0 48 48'
          width='32'
          xmlns='http://www.w3.org/2000/svg'
          fill='currentColor'
        >
          <path
            d='M24,36c-6.63,0-12-5.37-12-12s5.37-12,12-12c5.94,0,10.87,4.33,11.82,10h12.09C46.89,9.68,36.58,0,24,0 C10.75,0,0,10.75,0,24s10.75,24,24,24c12.58,0,22.89-9.68,23.91-22H35.82C34.87,31.67,29.94,36,24,36z'
            fill='#currentColor'
          ></path>
        </svg>
      </Link>
      <Link className="flex items-center justify-center flex-row gap-2 font-semibold px-4 py-1 h-[40px]" href={"/"}>Sign up</Link>
    </div>
  )
}
