Add Export toggle

docs/_react/bulma-customizer/src/components/Export.jsx

@@ -45,8 +45,17 @@ function Export() {
     <div className={cn.main}>
       {css ? (
         <>
-          <div className={cn.explanation}>
-            Insert this CSS <em>after</em> importing Bulma.
+          <div className={cn.body}>
+            <p className="title is-5">Export</p>
+
+            <div className={cn.explanation}>
+              <p>Insert this CSS <em>after</em> importing Bulma.</p>
+
+              <div className="buttons are-small">
+                <button className="button is-primary">Copy</button>
+                <button className="button is-danger is-outlined">Reset</button>
+              </div>
+            </div>
           </div>
 
           <Highlighter PreTag="div" language="css">

docs/_react/bulma-customizer/src/components/Export.module.css

@@ -2,6 +2,20 @@
   padding: 0.5rem;
 }
 
-.explanation {
-  padding: 0 1rem 0.5rem;
+.body {
+  padding: 0.5rem 1rem ;
+}
+
+.body :global(.title) {
+  margin-bottom: 0;
+}
+
+.explanation {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  div {
+    flex-wrap: nowrap;
+  }
 }