Fixed Layout and switch functionality

2024-03-21 11:29:38 +01:00
parent dd9652fe58
commit dd6d92654c
10 changed files with 37 additions and 29 deletions
@@ -3,13 +3,21 @@ import React from "react";
 interface ButtonProps {
  text: string;
  className?: string;
-  onClick?: () => void;
+  type?: "button" | "submit" | "reset";
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }

-const Button: React.FC<ButtonProps> = ({ text, className }) => {
+const Button: React.FC<ButtonProps> = ({
+  text,
+  className,
+  onClick,
+  type = "button",
+}) => {
  return (
    <button
      className={`btn-primary uppercase text-[11px] lg:text-[13px] p-[6px] lg:px-[10px] ${className}`}
+      onClick={onClick}
+      type={type}
    >
      {text}
    </button>