mocksaml/components/Header.tsx

28 lines
1.1 KiB
TypeScript
Raw Normal View History

2022-02-24 03:28:53 +00:00
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 hover:text-gray-900' href='https://github.com/boxyhq/jackson'>
Integrate SAML with a few lines of code.
</a>
</nav>
</div>
</header>
);
}