export default function Header() {
  return (
    <header className='text-gray-600 body-font'>
      <div className='container flex flex-col flex-wrap items-center p-5 mx-auto md:flex-row'>
        <a className='flex items-center mb-4 font-medium text-gray-900 title-font md:mb-0'>
          <svg
            xmlns='http://www.w3.org/2000/svg'
            fill='none'
            stroke='currentColor'
            strokeLinecap='round'
            strokeLinejoin='round'
            strokeWidth={2}
            className='w-10 h-10 p-2 text-white bg-indigo-500 rounded-full'
            viewBox='0 0 24 24'>
            <path d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5' />
          </svg>
          <span className='ml-3 text-xl'>Mock SAML</span>
        </a>
        <nav className='flex flex-wrap items-center justify-center text-base md:ml-auto'>
          <a
            className='mr-5 underline hover:text-gray-900'
            href='https://github.com/boxyhq/jackson'
            rel='noopener noreferrer'
            target='_blank'>
            Integrate SAML with a few lines of code.
          </a>
        </nav>
      </div>
    </header>
  );
}