changed btns?

quartz/components/Btn8831.tsx

@@ -5,9 +5,8 @@ import { useEffect, useState } from "preact/hooks"
 // Import the JSON data
 import buttonsData from "./buttons.json"
 
-export default (() => {
-  // Define the component
-  const Btn8831: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
+// Define the component
+const Btn8831: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
   // Since the data is static, you can directly use buttonsData
   const [buttons, setButtons] = useState(buttonsData)
 
@@ -27,10 +26,10 @@ export default (() => {
       ))}
     </div>
   )
-  }
+}
 
-  // Define custom styles
-  const customStyle = `
+// Define custom styles
+const customStyle = `
   .btn8831-container {
     display: flex;
     flex-wrap: wrap;
@@ -46,10 +45,10 @@ export default (() => {
     width: 88px;
     height: 31px;
   }
-  `
+`
 
-  // Combine base styles with custom styles
-  Btn8831.css = customStyle
+// Combine base styles with custom styles
+Btn8831.css = customStyle
 
-  return Btn8831
-})() satisfies QuartzComponentConstructor
+
+export default (() =>  Btn8831) satisfies QuartzComponentConstructor