2022-02-22 12:35:58 +00:00
|
|
|
import ListItemLoader from "./ListItemLoader";
|
|
|
|
import React from "react";
|
|
|
|
import PropTypes from "prop-types";
|
|
|
|
import { StyledList } from "./StyledListLoader";
|
|
|
|
const ListLoader = ({ count, ...props }) => {
|
|
|
|
const items = [];
|
|
|
|
|
|
|
|
for (var i = 0; i < count; i++) {
|
|
|
|
items.push(<ListItemLoader key={`list_loader_${i}`} {...props} />);
|
|
|
|
}
|
2022-05-11 08:46:45 +00:00
|
|
|
return <StyledList className="list-loader-wrapper">{items}</StyledList>;
|
2022-02-22 12:35:58 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
ListLoader.propTypes = {
|
|
|
|
count: PropTypes.number,
|
|
|
|
};
|
|
|
|
|
|
|
|
ListLoader.defaultProps = {
|
|
|
|
count: 25,
|
|
|
|
};
|
|
|
|
export default ListLoader;
|