import { jsx as t, Fragment as r, jsxs as s } from "react/jsx-runtime";
/* empty css                      */
import "react";
const f = (i) => {
  const {
    loadersCount: o = 2
  } = i, a = {
    items: [{
      left: 50,
      width: 25,
      top: -33
    }, {
      left: 50,
      width: 30,
      top: -20
    }, {
      left: 0,
      width: 90,
      top: 15
    }, {
      left: 0,
      width: 65,
      top: 30
    }, {
      left: 0,
      width: 80,
      top: 45
    }, {
      left: 0,
      width: 50,
      top: 60
    }, {
      left: 0,
      width: 80,
      top: 75
    }]
  };
  return t(r, {
    children: [...Array(o)].map((n, d) => t("div", {
      className: "list-loader",
      children: s("div", {
        className: "animationLoading",
        children: [t("div", {
          className: "avatar"
        }), a.items.map((e, l) => t("div", {
          style: {
            left: e.left,
            top: e.top,
            width: `${e.width}%`
          },
          className: "animated-line"
        }, l))]
      })
    }, d))
  });
};
export {
  f as ListLoader
};
