logos-delivery-frontend/src/components/Button.tsx

type ButtonProps = {
  children: any;
  className?: string;
  disabled?: boolean;
  onClick?: (e?: any) => void;
};

export const Button: React.FunctionComponent<ButtonProps> = (props) => {
  return (
    <button
      disabled={props.disabled}
      onClick={props.onClick}
      className={`${
        props.className || ""
      } py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700`}
    >
      {props.children}
    </button>
  );
};