import React from "react";
import { Loader } from "../../Loader";

export const SkeletonList = ({ count = 5, text = "Loading..." }) => (
  <div className="table-chat-right-section-container-empty loader-padding">
    {[...Array(count)].map((_, i) => (
      <div key={i} style={{ marginBottom: 20 }}>
        <Loader progress="100%" showSkeleton size="large" text={text} />
      </div>
    ))}
  </div>
);
