Commerce js logo

packages/commercejs/src/brand/index.ts

@@ -0,0 +1,6 @@
+import type { Brand } from '@vercel/commerce/types'
+import { Logo } from './logo'
+
+export const brand: Brand.Config = {
+  Logo,
+}

packages/commercejs/src/brand/logo.tsx

@@ -0,0 +1,18 @@
+export const Logo = ({ className = '', ...props }) => (
+  <svg
+    height={42}
+    width={42}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 60"
+    {...props}
+  >
+    <path
+      d="M51.9277 0.756117C52.9028 -0.252039 54.4838 -0.252039 55.4594 0.756117L89.1534 35.5982C90.1285 36.6063 90.1285 38.2414 89.1534 39.2502L86.0727 42.4353L48.8476 3.94245L51.9277 0.756117Z"
+      fill="currentColor"
+    />
+    <path
+      d="M59.0127 22.2828L38.4958 1.07695C37.5207 0.0687988 35.9381 0.0687982 34.9641 1.07813L1.69839 35.4926C0.723292 36.5014 0.723292 38.1365 1.69953 39.1446L20.4522 58.526C21.4273 59.5335 23.006 59.5347 23.9828 58.5271L45.3873 36.4398L66.8549 58.54C67.8283 59.5423 69.4007 59.5435 70.3764 58.5424L82.1003 46.5108L59.0127 22.2828ZM28.9042 36.9559C25.0418 36.9559 22.036 33.7045 22.036 29.8548C22.036 26.0034 25.0418 22.7532 28.9042 22.7532C32.7666 22.7532 35.7725 26.004 35.7725 29.8548C35.7713 33.7056 32.7655 36.9559 28.9042 36.9559Z"
+      fill="currentColor"
+    />
+  </svg>
+)

packages/commercejs/src/provider.ts

@@ -1,3 +1,5 @@
+import { brand } from './brand'
+
 import { handler as useCart } from './cart/use-cart'
 import { handler as useAddItem } from './cart/use-add-item'
 import { handler as useUpdateItem } from './cart/use-update-item'
@@ -24,6 +26,7 @@ import { default as sdkFetcher } from './fetcher'
 
 export const commercejsProvider = {
   locale: LOCALE,
+  brand,
   cartCookie: CART_COOKIE,
   customerCookie: CUSTOMER_COOKIE,
   fetcher: sdkFetcher,