"use client";
import ShareModal from "@/modules/common/share-modal";
import { RefreshIcon } from "@/modules/icons/refresh-icon";
import WishlistButton from "@/modules/ui/wishlist-button";

interface ProductTitleProps {
  categoryData: {
    _id: string;
    name: string;
    shortDescription: string;
  };
  onClickRefresh: () => void;
}

export default function Page({
  categoryData,
  onClickRefresh,
}: ProductTitleProps) {
  return (
    <>
      <div className="flex items-center justify-between">
        <h1 className="text-left text-[24px] lg:text-[30px] text-neutral-black-87 font-semibold mb-2">
          {categoryData?.name}
        </h1>
        <div className="flex items-center gap-2">
          <WishlistButton id={categoryData?._id} />
          <ShareModal title={categoryData?.name} />
          <button type="button" onClick={onClickRefresh}>
            <RefreshIcon />
          </button>
        </div>
      </div>
    </>
  );
}