Template
14 lines
633 B
TypeScript
14 lines
633 B
TypeScript
/**
|
|
* Stackship wordmark. Picks the colour logo in light mode and the on-dark logo in dark mode;
|
|
* pass `onDark` on surfaces that are always dark. Never recolour or add effects to the logo.
|
|
*/
|
|
export function Logo({ onDark = false, className = 'h-7' }: { onDark?: boolean; className?: string }) {
|
|
if (onDark) return <img src="/logo-on-dark.svg" alt="Stackship" className={`w-auto ${className}`} />
|
|
return (
|
|
<>
|
|
<img src="/logo.svg" alt="Stackship" className={`w-auto dark:hidden ${className}`} />
|
|
<img src="/logo-on-dark.svg" alt="Stackship" className={`hidden w-auto dark:block ${className}`} />
|
|
</>
|
|
)
|
|
}
|