import { ReactNode } from "react";

interface Props {
  className?: string;
  onClick: () => any;
  children?: ReactNode;
}

const Button = ({ className, onClick, children }: Props) => {
  return (
    <button
      onClick={onClick}
      className={
        "m-3 my-0 inline-block rounded-lg bg-secondary-500 p-3 text-center align-middle font-bold text-primary-500 drop-shadow-md transition-all duration-300 hover:bg-primary-500 hover:text-secondary-500 hover:drop-shadow-xl " +
        className
      }
    >
      {children}{" "}
    </button>
  );
};

export default Button;
