From 2cbc5ec3c9b08ff02c8664c06c5c82c3f6c0d1b1 Mon Sep 17 00:00:00 2001
From: Bartek Szopka <bartek.szopka@canonical.com>
Date: Tue, 1 Oct 2024 13:06:13 +0200
Subject: [PATCH] Remove iframe from CodeSnippet example

Drive-by: fix spacing in the JSX code elements example
---
 .../CodeSnippet/CodeSnippet.stories.tsx          | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/CodeSnippet/CodeSnippet.stories.tsx b/src/components/CodeSnippet/CodeSnippet.stories.tsx
index 9a2c9ba9..d6c11127 100644
--- a/src/components/CodeSnippet/CodeSnippet.stories.tsx
+++ b/src/components/CodeSnippet/CodeSnippet.stories.tsx
@@ -4,6 +4,7 @@ import { Meta, StoryObj } from "@storybook/react";
 
 import CodeSnippet from "./CodeSnippet";
 import { CodeSnippetBlockAppearance } from "./CodeSnippetBlock";
+import Button from "components/Button";
 
 const meta: Meta<typeof CodeSnippet> = {
   component: CodeSnippet,
@@ -351,13 +352,12 @@ export const Content: Story = {
     <CodeSnippet
       blocks={[
         {
-          title: "With embedded iframe",
-          code: "<iframe src='./iframe.html?viewMode=story&id=components-button--default&args='></iframe>",
+          title: "A button example",
+          code: "<Button>Button</Button>",
           content: (
-            <iframe
-              title="iframe"
-              src="./iframe.html?viewMode=story&id=components-button--default&args="
-            ></iframe>
+            <div style={{ margin: "0.5rem" }}>
+              <Button>Button</Button>
+            </div>
           ),
         },
       ]}
@@ -377,9 +377,9 @@ export const JsxCodeElements: Story = {
         {
           code: (
             <>
-              <strong>snap</strong>install<a href="#test">toto</a>
+              <strong>snap</strong> install <a href="#test">toto</a>
               <br />
-              <strong>apt</strong>install<a href="#test">toto</a>
+              <strong>apt</strong> install <a href="#test">toto</a>
             </>
           ),
         },