"use client";
import { Plus } from "lucide-react";
import { useRouter } from "next/navigation";
import { Button } from "@/components/ui/button";

const RedirectButton = ({buttonName,redirectUrl}:{
  buttonName:string,
  redirectUrl:string
}) => {
  const router = useRouter();

  return (
    <Button
      className="bg-blue-1 text-white max-sm:text-[12px] max-sm:w-[150px]"
      onClick={() => router.push(redirectUrl)}
    >
      <Plus className="h-4 w-4 mr-2 max-sm:h-3 max-sm:w-3" />
      {buttonName}
    </Button>
  );
};

export default RedirectButton;