From ebd6c1f91d23fb5c36b2b78c2f72e635fff109e7 Mon Sep 17 00:00:00 2001
From: Nikki Sharpley <nsharpley@mozilla.com>
Date: Tue, 1 Aug 2023 15:03:10 -0400
Subject: [PATCH] WIP

---
 admin/src/react-components/ThemeBuilder/ThemeBuilder.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/admin/src/react-components/ThemeBuilder/ThemeBuilder.tsx b/admin/src/react-components/ThemeBuilder/ThemeBuilder.tsx
index 3bc763c1b3..97d7ac98db 100644
--- a/admin/src/react-components/ThemeBuilder/ThemeBuilder.tsx
+++ b/admin/src/react-components/ThemeBuilder/ThemeBuilder.tsx
@@ -55,6 +55,10 @@ const ThemeBuilder = ({config, onGlobalChange, onSave, path, setState, disableSa
         onSave(e)
     }
 
+    const copyThemeJson = () => {
+        
+    }
+
     // edit name and validate no duplicates
     // add new theme
     // duplicate theme
@@ -72,6 +76,7 @@ const ThemeBuilder = ({config, onGlobalChange, onSave, path, setState, disableSa
             <Select label="Themes" options={formattedThemes} name="Themes" value={selectedTheme.id} onChange={onThemeSelect}/>
             <Button type="button" text="Add theme" label="Add theme" onClick={e => addTheme(e)}/>
             <Button type="button" text="Delete theme" label="Delete theme" onClick={deleteTheme}/>
+            <Button type="button" text="Copy theme json" label="Copy theme json" onClick={copyThemeJson}/>
             <form onSubmit={onSubmit} >
                 <Input label="Name" name="Name" value={selectedTheme.name} onChange={onNameChange} placeholder="Name your theme" />
                 {Object.entries(selectedTheme.variables).map(([key, value]) => {