2021-12-20 03:12:12 +00:00
|
|
|
import Link from 'next/link'
|
|
|
|
import clsx from 'clsx'
|
|
|
|
|
|
|
|
export function ManticLogo(props: { darkBackground?: boolean }) {
|
|
|
|
const { darkBackground } = props
|
|
|
|
return (
|
|
|
|
<Link href="/">
|
|
|
|
<a className="flex flex-row gap-3">
|
|
|
|
<img
|
|
|
|
className="sm:h-10 sm:w-10 hover:rotate-12 transition-all"
|
|
|
|
src="/logo-icon.svg"
|
|
|
|
width={40}
|
|
|
|
height={40}
|
|
|
|
/>
|
|
|
|
<div
|
|
|
|
className={clsx(
|
2022-01-06 18:48:30 +00:00
|
|
|
'hidden sm:flex font-major-mono lowercase mt-1 sm:text-2xl md:whitespace-nowrap',
|
2021-12-20 03:12:12 +00:00
|
|
|
darkBackground && 'text-white'
|
|
|
|
)}
|
|
|
|
>
|
2022-01-06 18:48:30 +00:00
|
|
|
Manifold Markets
|
2021-12-20 03:12:12 +00:00
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</Link>
|
|
|
|
)
|
|
|
|
}
|