diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index 0b5303e..9663921 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -11,10 +11,15 @@ const button = tv({
   },
 });
 
-const Button: FunctionComponent<{ onClick: () => void }> = (props) => {
+interface ButtonProps {
+  color?: "primary" | "secondary";
+  onClick: () => void;
+}
+
+const Button: FunctionComponent<ButtonProps> = ({ children, onClick, color = "primary" }) => {
   return (
-    <button type="button" class={button({ color: "primary" })} onClick={props.onClick}>
-      {props.children}
+    <button type="button" class={button({ color: color })} onClick={onClick}>
+      {children}
     </button>
   );
 };