import React from "react";
import Label from "../Label";

const RankingLabel = ({
  className = "",
  productCategoryKr,
  rankingTagName,
  rank,
}: {
  className?: string;
  productCategoryKr?: string;
  rankingTagName: string;
  rank: number;
}) => {
  return (
    <div className="mb-[0.4rem] pc:inline-block">
      <Label
        className={`bg-blue-2 !font-normal text-blue-7 pc:px-[0.8rem] pc:py-[0.4rem] pc:text-body-5 ${className}`}
        size="s"
      >
        {productCategoryKr ?? ""} {rankingTagName} 랭킹 {rank}위
      </Label>
    </div>
  );
};

export default RankingLabel;