"use client";

import { Heart } from "lucide-react";
import { Button } from "@/components/ui/button";

export function FavoriteButton({
  active,
  onClick,
  disabled,
}: {
  active: boolean;
  onClick: () => void;
  disabled?: boolean;
}) {
  return (
    <Button variant="ghost" className="gap-2" onClick={onClick} disabled={disabled}>
      <Heart size={16} fill={active ? "currentColor" : "none"} />
      {active ? "في المفضلة" : "إضافة للمفضلة"}
    </Button>
  );
}