server/assets/js/react/components/Logo.tsx

26 lines
615 B
TypeScript
Raw Normal View History

import * as React from "react"
import clsx from "clsx"
2023-12-02 14:21:05 +00:00
2023-12-04 13:42:32 +00:00
import LogoMark from "../icons/LogoMark"
2023-12-02 14:21:05 +00:00
export function Logo({
invert = false,
}: React.ComponentPropsWithoutRef<"svg"> & { invert?: boolean }) {
return (
<div className="mr-4 flex flex-nowrap items-center justify-start">
<LogoMark
className="mr-4 duration-500 ease-in-out hover:rotate-180"
invert={invert}
/>
<p
className={clsx(
"font-display text-xl font-bold tracking-tight",
invert ? "text-white" : "text-neutral-950"
2023-12-02 14:21:05 +00:00
)}
>
BoardWise
</p>
</div>
)
2023-12-02 14:21:05 +00:00
}