import React from "react";

export const ProductSkeletonRev = () => {
  return (
    <div>
      {[1, 2].map((item: any) => (
        <div key={item} className="flex items-center mt-4 mb-5 py-4 border-b">
          <svg
            className="w-10 h-10 me-3 text-gray-200 dark:text-gray-700"
            aria-hidden="true"
            xmlns="http://www.w3.org/2000/svg"
            fill="currentColor"
            viewBox="0 0 20 20"
          >
            <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z" />
          </svg>
          <div className="w-full">
            <div className="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-3"></div>
            <div className="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-100 mb-2"></div>
            <div className="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
          </div>
        </div>
      ))}
    </div>
  );
};