type Props = {
  weight: string;
  type?: string;
};
export const ShowWeight = ({ weight, type = "کیلوگرم" }: Props) => {
  return (
    <div className="!grid !justify-center !items-center">
      <span className="text-[14px] gap-1 justify-center items-center flex text-center mb-1 border-b-[0.5px] border-gray-400 dark:text-white">
        {weight?.toLocaleString()}{" "}
        <span className="sm:block md:hidden text-red-300 text-[9px] dark:text-white">
          {type}
        </span>
      </span>
      <span className="text-[10px] text-center select-none hidden md:block dark:text-white">
        {type}
      </span>
    </div>
  );
};
