import { cn } from "../../../../@/lib/utils";
import { HeartIcon } from "lucide-react";
import React from "react";
export interface LikeComponentType {
  onClick?: () => void;
  text?: string;
  className?: string;
  likeIconClassName?: string;
  textClassName?: string;
}
const Like = ({
  onClick,
  text = "",
  className = "",
  likeIconClassName = "",
  textClassName = "",
}: LikeComponentType) => {
  return (
    <div
      onClick={(e) => {
        e.preventDefault();
        e.stopPropagation();
        onClick && onClick();
      }}
      className={cn("flex items-center gap-0.5 cursor-pointer", className)}
    >
      <HeartIcon className={cn("h-5 w-5", likeIconClassName)} />

      <p className={cn("text-13 font-medium", textClassName)}>{text}</p>
    </div>
  );
};

export { Like };
