From e83520a3bce2e25c7ab4feb4eefa6ba4e48c3d02 Mon Sep 17 00:00:00 2001
From: Weronika Olejniczak <weronika.olejniczak@elastic.co>
Date: Tue, 12 Nov 2024 12:03:37 +0100
Subject: [PATCH] fix(docusaurus-theme): fill Codesandbox icon with
 currentColor

---
 .../codesandbox_icon/codesandbox_icon.tsx     | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/packages/docusaurus-theme/src/components/codesandbox_icon/codesandbox_icon.tsx b/packages/docusaurus-theme/src/components/codesandbox_icon/codesandbox_icon.tsx
index 9e3737b2c19..f9987873d86 100644
--- a/packages/docusaurus-theme/src/components/codesandbox_icon/codesandbox_icon.tsx
+++ b/packages/docusaurus-theme/src/components/codesandbox_icon/codesandbox_icon.tsx
@@ -1,7 +1,16 @@
-export const CodeSandboxIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" preserveAspectRatio="xMidYMid"
-       viewBox="-20 0 296 296">
-    <path
-      d="M115.498 261.088v-106.61L23.814 101.73v60.773l41.996 24.347v45.7l49.688 28.54Zm23.814.627 50.605-29.151V185.78l42.269-24.495v-60.011l-92.874 53.621v106.82Zm80.66-180.887-48.817-28.289-42.863 24.872-43.188-24.897-49.252 28.667 91.914 52.882 92.206-53.235ZM0 222.212V74.495L127.987 0 256 74.182v147.797l-128.016 73.744L0 222.212Z" />
+import { HTMLAttributes } from 'react';
+
+type Props = HTMLAttributes<SVGElement>;
+
+export const CodeSandboxIcon = (props: Props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    preserveAspectRatio="xMidYMid"
+    viewBox="-20 0 296 296"
+    {...props}
+  >
+    <path d="M115.498 261.088v-106.61L23.814 101.73v60.773l41.996 24.347v45.7l49.688 28.54Zm23.814.627 50.605-29.151V185.78l42.269-24.495v-60.011l-92.874 53.621v106.82Zm80.66-180.887-48.817-28.289-42.863 24.872-43.188-24.897-49.252 28.667 91.914 52.882 92.206-53.235ZM0 222.212V74.495L127.987 0 256 74.182v147.797l-128.016 73.744L0 222.212Z" />
   </svg>
 );