"use client";

import React from "react";

interface ButtonProps {
  type?: "button" | "submit" | "reset";
  children: React.ReactNode;
  onClick?: () => void;
  className?: string;
  disabled?: boolean;
  isLoading?:boolean
}

const Button: React.FC<ButtonProps> = ({
  type = "button",
  children,
  onClick,
  className = "",
  disabled = false,
  isLoading
}) => {
  return (
    <button
      type={type}
      onClick={onClick}
      disabled={disabled}
      className={`w-full bg-pink-600 text-white py-2 rounded-lg hover:bg-pink-700 flex align-middle justify-center transition duration-300 ${className} `}
    >
     {isLoading?<span className="loading"/>: children}
    </button>
  );
};

export default Button;
