"use client";

import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";

type TDashboardActionButtonProps = {
	activeBtn: boolean;
  children?: React.ReactNode;
} & React.ButtonHTMLAttributes<HTMLButtonElement>;

const DashboardActionButton = ({
  activeBtn,
  children,
  ...props
}: TDashboardActionButtonProps) => {
	return (
		<Button
			className={cn(
				"w-[200px] h-[49px] text-[#9B9B9B] border-2 border-[#CACACA] bg-transparent hover:bg-transparent flex gap-4 font-medium text-[18px] leading-[140%]",
				{
					"cursor-not-allowed": !activeBtn,
					"text-neutral-white bg-[#B13D69] border-[#B13D69] hover:text-neutral-white hover:bg-[#B13D69] cursor-pointer":
						activeBtn,
				}
			)}
      {...props}>
			{children}
		</Button>
	);
};

export default DashboardActionButton;