Inital template

src/components/Logo.tsx

@@ -0,0 +1,13 @@
+/**
+ * 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}`} />
+    </>
+  )
+}