From 6082c343b9d707b0fd2da05eb5316904b182c94d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yago=20P=C3=A9rez=20V=C3=A1zquez?= <yago@safe.global>
Date: Wed, 4 Dec 2024 13:15:49 +0100
Subject: [PATCH] Restore Tabs

---
 pages/sdk/signers/passkeys.mdx | 30 +++++++++++++++++++-----------
 1 file changed, 19 insertions(+), 11 deletions(-)

diff --git a/pages/sdk/signers/passkeys.mdx b/pages/sdk/signers/passkeys.mdx
index 01b14b57..562cda67 100644
--- a/pages/sdk/signers/passkeys.mdx
+++ b/pages/sdk/signers/passkeys.mdx
@@ -113,18 +113,26 @@ In this guide, you will learn how to create a Passkey signer that can be added a
 
 Check [how to initialize the Protocol Kit](../../reference-sdk-protocol-kit/initialization/init.mdx)
 
-  You can instantiate the provider using `viem` and the following imports:
+  {/* <!-- vale off --> */}
 
-  ```typescript
-  import { createWalletClient, http } from 'viem'
-  import { sepolia } from 'viem/chains
-  
-  const provider = createWalletClient({
-    chain: sepolia,
-    transport: http('https://rpc.ankr.com/eth_sepolia')
-  })
-  const signer = passkey
-  ```
+  <Tabs items={['viem']}>
+    <Tabs.Tab>
+      You can instantiate the provider using `viem` and the following imports:
+
+      ```typescript
+      import { createWalletClient, http } from 'viem'
+      import { sepolia } from 'viem/chains
+      
+      const provider = createWalletClient({
+        chain: sepolia,
+        transport: http('https://rpc.ankr.com/eth_sepolia')
+      })
+      const signer = passkey
+      ```
+    </Tabs.Tab>
+  </Tabs>
+
+  {/* <!-- vale on --> */}
 
   ### Instantiate SDK