From d447d8927be310f463bb01377f9a11a5cc1287c0 Mon Sep 17 00:00:00 2001
From: Anders <anders.johnsen@gmail.com>
Date: Mon, 18 Mar 2024 13:43:43 +0100
Subject: [PATCH] =?UTF-8?q?fix(component-overview):=20legger=20til=20funge?=
 =?UTF-8?q?rende=20ikon=20i=20eksempel=20p=C3=A5=20secondarybutton?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../examples/buttons/SecondaryButton.jsx      | 32 +++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/component-overview/examples/buttons/SecondaryButton.jsx b/component-overview/examples/buttons/SecondaryButton.jsx
index 99b7cbe331..c303f027df 100644
--- a/component-overview/examples/buttons/SecondaryButton.jsx
+++ b/component-overview/examples/buttons/SecondaryButton.jsx
@@ -1,15 +1,21 @@
 import { SecondaryButton, ButtonGroup } from '@sb1/ffe-buttons-react';
+import { Icon } from '@sb1/ffe-icons-react';
 
-<ButtonGroup thin={true}>
-    <SecondaryButton onClick={f => f}>Secondary knapp</SecondaryButton>
-    <SecondaryButton leftIcon="attach_file" onClick={f => f}>
-        Secondary m/ ikon
-    </SecondaryButton>
-    <SecondaryButton
-        isLoading={true}
-        onClick={f => f}
-        ariaLoadingMessage="Vennligst vent..."
-    >
-        Secondary knapp
-    </SecondaryButton>
-</ButtonGroup>
+() => {
+    const checkIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Im0zODItMzM5LjM4NCAzNDUuNTM5LTM0NS41MzhxOC45MjMtOC45MjMgMjEuMTkyLTkuMTE2IDEyLjI2OS0uMTkyIDIxLjU3NiA5LjExNiA5LjMwOCA5LjMwNyA5LjMwOCAyMS4zODQgMCAxMi4wNzYtOS4zMDggMjEuMzg0bC0zNjMgMzYyLjk5OVEzOTYuNDYxLTI2OC4zMDkgMzgyLTI2OC4zMDlxLTE0LjQ2MSAwLTI1LjMwNy0xMC44NDZsLTE2Ny0xNjYuOTk5cS04LjkyMy04LjkyMy04LjgwOC0yMS4xOTIuMTE2LTEyLjI2OSA5LjQyMy0yMS41NzYgOS4zMDgtOS4zMDggMjEuMzg0LTkuMzA4IDEyLjA3NyAwIDIxLjM4NCA5LjMwOEwzODItMzM5LjM4NFoiLz48L3N2Zz4="
+    return (
+        <ButtonGroup thin={true}>
+        <SecondaryButton onClick={f => f}>Secondary knapp</SecondaryButton>
+        <SecondaryButton leftIcon={<Icon fileUrl={checkIcon} />} onClick={f => f}>
+            Secondary m/ ikon
+        </SecondaryButton>
+        <SecondaryButton
+            isLoading={true}
+            onClick={f => f}
+            ariaLoadingMessage="Vennligst vent..."
+        >
+            Secondary knapp
+        </SecondaryButton>
+    </ButtonGroup>
+    );
+}