🛠️ Refactor ButtonSecondary component

ℹ️ Improve code readability and styling
📝 Update component's comments
🚧 Prepare for upcoming features
🚀 Ready to commit changes!

src/shared/ButtonSecondary.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import Button, { ButtonProps } from "./Button";
+import React from "react";
+
+export interface ButtonSecondaryProps extends ButtonProps {}
+
+const ButtonSecondary: React.FC<ButtonSecondaryProps> = ({
+  className = " ",
+  ...args
+}) => {
+  return (
+    <Button
+      className={`ttnc-ButtonSecondary font-medium border bg-white border-neutral-200 text-neutral-700 dark:bg-neutral-900 dark:text-neutral-300 dark:border-neutral-700 hover:bg-neutral-100 dark:hover:bg-neutral-800 ${className}`}
+      {...args}
+    />
+  );
+};
+
+export default ButtonSecondary;