Add onClick prop to VuiTopicButton.

vectara · Nov 10, 2023 · 5a8aa24 · 5a8aa24
1 parent b690086
commit 5a8aa24
Showing 1 changed file with 22 additions and 5 deletions.
diff --git a/src/lib/components/topicButton/TopicButton.tsx b/src/lib/components/topicButton/TopicButton.tsx
@@ -1,17 +1,20 @@
+import classNames from "classnames";
 import { VuiSpacer } from "../spacer/Spacer";
 import { VuiTextColor } from "../typography/TextColor";
 import { VuiTitle } from "../typography/Title";
 
 type Props = {
   children?: React.ReactNode;
   className?: string;
-  href: string;
+  href?: string;
+  onClick: () => void;
   title?: string;
 };
 
-export const VuiTopicButton = ({ children, className, href, title, ...rest }: Props) => {
-  return (
-    <a className="vuiTopicButton" href={href} {...rest}>
+export const VuiTopicButton = ({ children, className, href, onClick, title, ...rest }: Props) => {
+  const classes = classNames("vuiTopicButton", className);
+  const content = (
+    <>
       {title && (
         <>
           <VuiTitle size="s">
@@ -25,6 +28,20 @@ export const VuiTopicButton = ({ children, className, href, title, ...rest }: Pr
       )}
 
       {children}
-    </a>
+    </>
+  );
+
+  if (href) {
+    return (
+      <a className={classes} href={href} onClick={onClick} {...rest}>
+        {content}
+      </a>
+    );
+  }
+
+  return (
+    <button className={classes} onClick={onClick} {...rest}>
+      {content}
+    </button>
   );
 };