From 9a7320e9193d7112bc5cca5f3cdbf6e0a95e6d8f Mon Sep 17 00:00:00 2001
From: Guillaume Bibeau-Laviolette <g.bibeaulaviolette@gmail.com>
Date: Mon, 6 Jun 2022 14:56:55 -0400
Subject: [PATCH] Commerce js logo

---
 packages/commercejs/src/brand/index.ts |  6 ++++++
 packages/commercejs/src/brand/logo.tsx | 18 ++++++++++++++++++
 packages/commercejs/src/provider.ts    |  3 +++
 3 files changed, 27 insertions(+)
 create mode 100644 packages/commercejs/src/brand/index.ts
 create mode 100644 packages/commercejs/src/brand/logo.tsx

diff --git a/packages/commercejs/src/brand/index.ts b/packages/commercejs/src/brand/index.ts
new file mode 100644
index 000000000..c61676669
--- /dev/null
+++ b/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,
+}
diff --git a/packages/commercejs/src/brand/logo.tsx b/packages/commercejs/src/brand/logo.tsx
new file mode 100644
index 000000000..308f8be4d
--- /dev/null
+++ b/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>
+)
diff --git a/packages/commercejs/src/provider.ts b/packages/commercejs/src/provider.ts
index d596fa9b2..e71ce160c 100644
--- a/packages/commercejs/src/provider.ts
+++ b/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,