interface HeartIconProps {
  isFilled?: boolean;
}

const HeartIcon = ({ isFilled = false }: HeartIconProps) => {
  return (
    <svg
      width="20"
      height="20"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={` stroke-[#0D1922] transition-all ${
        isFilled ? "fill-[#0D1922]" : "fill-none"
      }`}
    >
      <path
        d="M15.6832 5.96475C14.3718 4.67809 12.2455 4.67809 10.9341 5.96475L10.0002 6.88098L9.06627 5.96475C7.75482 4.67809 5.62854 4.67809 4.31708 5.96475C3.00563 7.2514 3.00563 9.33748 4.31709 10.6241L10.0002 16.6664L15.6832 10.6241C16.9947 9.33748 16.9947 7.2514 15.6832 5.96475Z"
        strokeWidth="1.5"
        strokeLinecap="round"
      />
    </svg>
  );
};

export default HeartIcon;
