BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot / 4.9.5

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot v4.9.5

betterdocs / react-src / admin / ai-chatbot / loaders / ListLoader.js

ListLoader.js in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/admin/ai-chatbot/loaders/ListLoader.js

1,008 lines 39.2 KB

Raw Download Zip

1	import Skeleton from "react-loading-skeleton";
2	import "react-loading-skeleton/dist/skeleton.css";
3
4	const ListLoader = () => {
5	return (
6	<>
7	<tr className="list-loader-wrapper">
8	<td className="list-header-wrapper">
9	<Skeleton
10	count={1}
11	height={"16px"}
12	width={"60%"}
13	containerClassName="list-header-wrapper-inner-child"
14	borderRadius={"2px"}
15	/>
16	</td>
17	<td className="list-header-wrapper">
18	<Skeleton
19	count={1}
20	height={"16px"}
21	width={"45%"}
22	containerClassName="list-header-wrapper-inner-child"
23	borderRadius={"2px"}
24	/>
25	</td>
26	<td className="list-header-wrapper">
27	<Skeleton
28	count={1}
29	height={"16px"}
30	width={"72%"}
31	containerClassName="list-header-wrapper-inner-child"
32	borderRadius={"2px"}
33	/>
34	</td>
35	<td className="list-header-wrapper">
36	<Skeleton
37	count={1}
38	height={"16px"}
39	width={"45%"}
40	containerClassName="list-header-wrapper-inner-child"
41	borderRadius={"2px"}
42	/>
43	</td>
44	<td className="list-header-wrapper">
45	<Skeleton
46	count={1}
47	height={"16px"}
48	width={"100%"}
49	containerClassName="list-header-wrapper-inner-child"
50	borderRadius={"2px"}
51	/>
52	</td>
53	<td className="list-header-wrapper">
54	<Skeleton
55	count={1}
56	height={"16px"}
57	width={"100%"}
58	containerClassName="list-header-wrapper-inner-child"
59	borderRadius={"2px"}
60	/>
61	</td>
62	<td className="list-header-wrapper">
63	<Skeleton
64	count={1}
65	height={"16px"}
66	width={"100%"}
67	containerClassName="list-header-wrapper-inner-child"
68	borderRadius={"2px"}
69	/>
70	</td>
71	<td className="list-header-wrapper">
72	<Skeleton
73	count={1}
74	height={"16px"}
75	width={"100%"}
76	containerClassName="list-header-wrapper-inner-child"
77	borderRadius={"2px"}
78	/>
79	</td>
80	<td className="list-header-wrapper">
81	<Skeleton
82	count={1}
83	height={"16px"}
84	width={"100%"}
85	containerClassName="list-header-wrapper-inner-child"
86	borderRadius={"2px"}
87	/>
88	</td>
89	</tr>
90	<tr className="list-loader-wrapper">
91	<td className="list-header-wrapper">
92	<Skeleton
93	count={1}
94	height={"16px"}
95	width={"60%"}
96	containerClassName="list-header-wrapper-inner-child"
97	borderRadius={"2px"}
98	/>
99	</td>
100	<td className="list-header-wrapper">
101	<Skeleton
102	count={1}
103	height={"16px"}
104	width={"45%"}
105	containerClassName="list-header-wrapper-inner-child"
106	borderRadius={"2px"}
107	/>
108	</td>
109	<td className="list-header-wrapper">
110	<Skeleton
111	count={1}
112	height={"16px"}
113	width={"72%"}
114	containerClassName="list-header-wrapper-inner-child"
115	borderRadius={"2px"}
116	/>
117	</td>
118	<td className="list-header-wrapper">
119	<Skeleton
120	count={1}
121	height={"16px"}
122	width={"45%"}
123	containerClassName="list-header-wrapper-inner-child"
124	borderRadius={"2px"}
125	/>
126	</td>
127	<td className="list-header-wrapper">
128	<Skeleton
129	count={1}
130	height={"16px"}
131	width={"100%"}
132	containerClassName="list-header-wrapper-inner-child"
133	borderRadius={"2px"}
134	/>
135	</td>
136	<td className="list-header-wrapper">
137	<Skeleton
138	count={1}
139	height={"16px"}
140	width={"100%"}
141	containerClassName="list-header-wrapper-inner-child"
142	borderRadius={"2px"}
143	/>
144	</td>
145	<td className="list-header-wrapper">
146	<Skeleton
147	count={1}
148	height={"16px"}
149	width={"100%"}
150	containerClassName="list-header-wrapper-inner-child"
151	borderRadius={"2px"}
152	/>
153	</td>
154	<td className="list-header-wrapper">
155	<Skeleton
156	count={1}
157	height={"16px"}
158	width={"100%"}
159	containerClassName="list-header-wrapper-inner-child"
160	borderRadius={"2px"}
161	/>
162	</td>
163	<td className="list-header-wrapper">
164	<Skeleton
165	count={1}
166	height={"16px"}
167	width={"100%"}
168	containerClassName="list-header-wrapper-inner-child"
169	borderRadius={"2px"}
170	/>
171	</td>
172	</tr>
173	<tr className="list-loader-wrapper">
174	<td className="list-header-wrapper">
175	<Skeleton
176	count={1}
177	height={"16px"}
178	width={"60%"}
179	containerClassName="list-header-wrapper-inner-child"
180	borderRadius={"2px"}
181	/>
182	</td>
183	<td className="list-header-wrapper">
184	<Skeleton
185	count={1}
186	height={"16px"}
187	width={"45%"}
188	containerClassName="list-header-wrapper-inner-child"
189	borderRadius={"2px"}
190	/>
191	</td>
192	<td className="list-header-wrapper">
193	<Skeleton
194	count={1}
195	height={"16px"}
196	width={"72%"}
197	containerClassName="list-header-wrapper-inner-child"
198	borderRadius={"2px"}
199	/>
200	</td>
201	<td className="list-header-wrapper">
202	<Skeleton
203	count={1}
204	height={"16px"}
205	width={"45%"}
206	containerClassName="list-header-wrapper-inner-child"
207	borderRadius={"2px"}
208	/>
209	</td>
210	<td className="list-header-wrapper">
211	<Skeleton
212	count={1}
213	height={"16px"}
214	width={"100%"}
215	containerClassName="list-header-wrapper-inner-child"
216	borderRadius={"2px"}
217	/>
218	</td>
219	<td className="list-header-wrapper">
220	<Skeleton
221	count={1}
222	height={"16px"}
223	width={"100%"}
224	containerClassName="list-header-wrapper-inner-child"
225	borderRadius={"2px"}
226	/>
227	</td>
228	<td className="list-header-wrapper">
229	<Skeleton
230	count={1}
231	height={"16px"}
232	width={"100%"}
233	containerClassName="list-header-wrapper-inner-child"
234	borderRadius={"2px"}
235	/>
236	</td>
237	<td className="list-header-wrapper">
238	<Skeleton
239	count={1}
240	height={"16px"}
241	width={"100%"}
242	containerClassName="list-header-wrapper-inner-child"
243	borderRadius={"2px"}
244	/>
245	</td>
246	<td className="list-header-wrapper">
247	<Skeleton
248	count={1}
249	height={"16px"}
250	width={"100%"}
251	containerClassName="list-header-wrapper-inner-child"
252	borderRadius={"2px"}
253	/>
254	</td>
255	</tr>
256	<tr className="list-loader-wrapper">
257	<td className="list-header-wrapper">
258	<Skeleton
259	count={1}
260	height={"16px"}
261	width={"60%"}
262	containerClassName="list-header-wrapper-inner-child"
263	borderRadius={"2px"}
264	/>
265	</td>
266	<td className="list-header-wrapper">
267	<Skeleton
268	count={1}
269	height={"16px"}
270	width={"45%"}
271	containerClassName="list-header-wrapper-inner-child"
272	borderRadius={"2px"}
273	/>
274	</td>
275	<td className="list-header-wrapper">
276	<Skeleton
277	count={1}
278	height={"16px"}
279	width={"72%"}
280	containerClassName="list-header-wrapper-inner-child"
281	borderRadius={"2px"}
282	/>
283	</td>
284	<td className="list-header-wrapper">
285	<Skeleton
286	count={1}
287	height={"16px"}
288	width={"45%"}
289	containerClassName="list-header-wrapper-inner-child"
290	borderRadius={"2px"}
291	/>
292	</td>
293	<td className="list-header-wrapper">
294	<Skeleton
295	count={1}
296	height={"16px"}
297	width={"100%"}
298	containerClassName="list-header-wrapper-inner-child"
299	borderRadius={"2px"}
300	/>
301	</td>
302	<td className="list-header-wrapper">
303	<Skeleton
304	count={1}
305	height={"16px"}
306	width={"100%"}
307	containerClassName="list-header-wrapper-inner-child"
308	borderRadius={"2px"}
309	/>
310	</td>
311	<td className="list-header-wrapper">
312	<Skeleton
313	count={1}
314	height={"16px"}
315	width={"100%"}
316	containerClassName="list-header-wrapper-inner-child"
317	borderRadius={"2px"}
318	/>
319	</td>
320	<td className="list-header-wrapper">
321	<Skeleton
322	count={1}
323	height={"16px"}
324	width={"100%"}
325	containerClassName="list-header-wrapper-inner-child"
326	borderRadius={"2px"}
327	/>
328	</td>
329	<td className="list-header-wrapper">
330	<Skeleton
331	count={1}
332	height={"16px"}
333	width={"100%"}
334	containerClassName="list-header-wrapper-inner-child"
335	borderRadius={"2px"}
336	/>
337	</td>
338	</tr>
339	<tr className="list-loader-wrapper">
340	<td className="list-header-wrapper">
341	<Skeleton
342	count={1}
343	height={"16px"}
344	width={"60%"}
345	containerClassName="list-header-wrapper-inner-child"
346	borderRadius={"2px"}
347	/>
348	</td>
349	<td className="list-header-wrapper">
350	<Skeleton
351	count={1}
352	height={"16px"}
353	width={"45%"}
354	containerClassName="list-header-wrapper-inner-child"
355	borderRadius={"2px"}
356	/>
357	</td>
358	<td className="list-header-wrapper">
359	<Skeleton
360	count={1}
361	height={"16px"}
362	width={"72%"}
363	containerClassName="list-header-wrapper-inner-child"
364	borderRadius={"2px"}
365	/>
366	</td>
367	<td className="list-header-wrapper">
368	<Skeleton
369	count={1}
370	height={"16px"}
371	width={"45%"}
372	containerClassName="list-header-wrapper-inner-child"
373	borderRadius={"2px"}
374	/>
375	</td>
376	<td className="list-header-wrapper">
377	<Skeleton
378	count={1}
379	height={"16px"}
380	width={"100%"}
381	containerClassName="list-header-wrapper-inner-child"
382	borderRadius={"2px"}
383	/>
384	</td>
385	<td className="list-header-wrapper">
386	<Skeleton
387	count={1}
388	height={"16px"}
389	width={"100%"}
390	containerClassName="list-header-wrapper-inner-child"
391	borderRadius={"2px"}
392	/>
393	</td>
394	<td className="list-header-wrapper">
395	<Skeleton
396	count={1}
397	height={"16px"}
398	width={"100%"}
399	containerClassName="list-header-wrapper-inner-child"
400	borderRadius={"2px"}
401	/>
402	</td>
403	<td className="list-header-wrapper">
404	<Skeleton
405	count={1}
406	height={"16px"}
407	width={"100%"}
408	containerClassName="list-header-wrapper-inner-child"
409	borderRadius={"2px"}
410	/>
411	</td>
412	<td className="list-header-wrapper">
413	<Skeleton
414	count={1}
415	height={"16px"}
416	width={"100%"}
417	containerClassName="list-header-wrapper-inner-child"
418	borderRadius={"2px"}
419	/>
420	</td>
421	</tr>
422	<tr className="list-loader-wrapper">
423	<td className="list-header-wrapper">
424	<Skeleton
425	count={1}
426	height={"16px"}
427	width={"60%"}
428	containerClassName="list-header-wrapper-inner-child"
429	borderRadius={"2px"}
430	/>
431	</td>
432	<td className="list-header-wrapper">
433	<Skeleton
434	count={1}
435	height={"16px"}
436	width={"45%"}
437	containerClassName="list-header-wrapper-inner-child"
438	borderRadius={"2px"}
439	/>
440	</td>
441	<td className="list-header-wrapper">
442	<Skeleton
443	count={1}
444	height={"16px"}
445	width={"72%"}
446	containerClassName="list-header-wrapper-inner-child"
447	borderRadius={"2px"}
448	/>
449	</td>
450	<td className="list-header-wrapper">
451	<Skeleton
452	count={1}
453	height={"16px"}
454	width={"45%"}
455	containerClassName="list-header-wrapper-inner-child"
456	borderRadius={"2px"}
457	/>
458	</td>
459	<td className="list-header-wrapper">
460	<Skeleton
461	count={1}
462	height={"16px"}
463	width={"100%"}
464	containerClassName="list-header-wrapper-inner-child"
465	borderRadius={"2px"}
466	/>
467	</td>
468	<td className="list-header-wrapper">
469	<Skeleton
470	count={1}
471	height={"16px"}
472	width={"100%"}
473	containerClassName="list-header-wrapper-inner-child"
474	borderRadius={"2px"}
475	/>
476	</td>
477	<td className="list-header-wrapper">
478	<Skeleton
479	count={1}
480	height={"16px"}
481	width={"100%"}
482	containerClassName="list-header-wrapper-inner-child"
483	borderRadius={"2px"}
484	/>
485	</td>
486	<td className="list-header-wrapper">
487	<Skeleton
488	count={1}
489	height={"16px"}
490	width={"100%"}
491	containerClassName="list-header-wrapper-inner-child"
492	borderRadius={"2px"}
493	/>
494	</td>
495	<td className="list-header-wrapper">
496	<Skeleton
497	count={1}
498	height={"16px"}
499	width={"100%"}
500	containerClassName="list-header-wrapper-inner-child"
501	borderRadius={"2px"}
502	/>
503	</td>
504	</tr>
505	<tr className="list-loader-wrapper">
506	<td className="list-header-wrapper">
507	<Skeleton
508	count={1}
509	height={"16px"}
510	width={"60%"}
511	containerClassName="list-header-wrapper-inner-child"
512	borderRadius={"2px"}
513	/>
514	</td>
515	<td className="list-header-wrapper">
516	<Skeleton
517	count={1}
518	height={"16px"}
519	width={"45%"}
520	containerClassName="list-header-wrapper-inner-child"
521	borderRadius={"2px"}
522	/>
523	</td>
524	<td className="list-header-wrapper">
525	<Skeleton
526	count={1}
527	height={"16px"}
528	width={"72%"}
529	containerClassName="list-header-wrapper-inner-child"
530	borderRadius={"2px"}
531	/>
532	</td>
533	<td className="list-header-wrapper">
534	<Skeleton
535	count={1}
536	height={"16px"}
537	width={"45%"}
538	containerClassName="list-header-wrapper-inner-child"
539	borderRadius={"2px"}
540	/>
541	</td>
542	<td className="list-header-wrapper">
543	<Skeleton
544	count={1}
545	height={"16px"}
546	width={"100%"}
547	containerClassName="list-header-wrapper-inner-child"
548	borderRadius={"2px"}
549	/>
550	</td>
551	<td className="list-header-wrapper">
552	<Skeleton
553	count={1}
554	height={"16px"}
555	width={"100%"}
556	containerClassName="list-header-wrapper-inner-child"
557	borderRadius={"2px"}
558	/>
559	</td>
560	<td className="list-header-wrapper">
561	<Skeleton
562	count={1}
563	height={"16px"}
564	width={"100%"}
565	containerClassName="list-header-wrapper-inner-child"
566	borderRadius={"2px"}
567	/>
568	</td>
569	<td className="list-header-wrapper">
570	<Skeleton
571	count={1}
572	height={"16px"}
573	width={"100%"}
574	containerClassName="list-header-wrapper-inner-child"
575	borderRadius={"2px"}
576	/>
577	</td>
578	<td className="list-header-wrapper">
579	<Skeleton
580	count={1}
581	height={"16px"}
582	width={"100%"}
583	containerClassName="list-header-wrapper-inner-child"
584	borderRadius={"2px"}
585	/>
586	</td>
587	</tr>
588	<tr className="list-loader-wrapper">
589	<td className="list-header-wrapper">
590	<Skeleton
591	count={1}
592	height={"16px"}
593	width={"60%"}
594	containerClassName="list-header-wrapper-inner-child"
595	borderRadius={"2px"}
596	/>
597	</td>
598	<td className="list-header-wrapper">
599	<Skeleton
600	count={1}
601	height={"16px"}
602	width={"45%"}
603	containerClassName="list-header-wrapper-inner-child"
604	borderRadius={"2px"}
605	/>
606	</td>
607	<td className="list-header-wrapper">
608	<Skeleton
609	count={1}
610	height={"16px"}
611	width={"72%"}
612	containerClassName="list-header-wrapper-inner-child"
613	borderRadius={"2px"}
614	/>
615	</td>
616	<td className="list-header-wrapper">
617	<Skeleton
618	count={1}
619	height={"16px"}
620	width={"45%"}
621	containerClassName="list-header-wrapper-inner-child"
622	borderRadius={"2px"}
623	/>
624	</td>
625	<td className="list-header-wrapper">
626	<Skeleton
627	count={1}
628	height={"16px"}
629	width={"100%"}
630	containerClassName="list-header-wrapper-inner-child"
631	borderRadius={"2px"}
632	/>
633	</td>
634	<td className="list-header-wrapper">
635	<Skeleton
636	count={1}
637	height={"16px"}
638	width={"100%"}
639	containerClassName="list-header-wrapper-inner-child"
640	borderRadius={"2px"}
641	/>
642	</td>
643	<td className="list-header-wrapper">
644	<Skeleton
645	count={1}
646	height={"16px"}
647	width={"100%"}
648	containerClassName="list-header-wrapper-inner-child"
649	borderRadius={"2px"}
650	/>
651	</td>
652	<td className="list-header-wrapper">
653	<Skeleton
654	count={1}
655	height={"16px"}
656	width={"100%"}
657	containerClassName="list-header-wrapper-inner-child"
658	borderRadius={"2px"}
659	/>
660	</td>
661	<td className="list-header-wrapper">
662	<Skeleton
663	count={1}
664	height={"16px"}
665	width={"100%"}
666	containerClassName="list-header-wrapper-inner-child"
667	borderRadius={"2px"}
668	/>
669	</td>
670	</tr>
671	<tr className="list-loader-wrapper">
672	<td className="list-header-wrapper">
673	<Skeleton
674	count={1}
675	height={"16px"}
676	width={"60%"}
677	containerClassName="list-header-wrapper-inner-child"
678	borderRadius={"2px"}
679	/>
680	</td>
681	<td className="list-header-wrapper">
682	<Skeleton
683	count={1}
684	height={"16px"}
685	width={"45%"}
686	containerClassName="list-header-wrapper-inner-child"
687	borderRadius={"2px"}
688	/>
689	</td>
690	<td className="list-header-wrapper">
691	<Skeleton
692	count={1}
693	height={"16px"}
694	width={"72%"}
695	containerClassName="list-header-wrapper-inner-child"
696	borderRadius={"2px"}
697	/>
698	</td>
699	<td className="list-header-wrapper">
700	<Skeleton
701	count={1}
702	height={"16px"}
703	width={"45%"}
704	containerClassName="list-header-wrapper-inner-child"
705	borderRadius={"2px"}
706	/>
707	</td>
708	<td className="list-header-wrapper">
709	<Skeleton
710	count={1}
711	height={"16px"}
712	width={"100%"}
713	containerClassName="list-header-wrapper-inner-child"
714	borderRadius={"2px"}
715	/>
716	</td>
717	<td className="list-header-wrapper">
718	<Skeleton
719	count={1}
720	height={"16px"}
721	width={"100%"}
722	containerClassName="list-header-wrapper-inner-child"
723	borderRadius={"2px"}
724	/>
725	</td>
726	<td className="list-header-wrapper">
727	<Skeleton
728	count={1}
729	height={"16px"}
730	width={"100%"}
731	containerClassName="list-header-wrapper-inner-child"
732	borderRadius={"2px"}
733	/>
734	</td>
735	<td className="list-header-wrapper">
736	<Skeleton
737	count={1}
738	height={"16px"}
739	width={"100%"}
740	containerClassName="list-header-wrapper-inner-child"
741	borderRadius={"2px"}
742	/>
743	</td>
744	<td className="list-header-wrapper">
745	<Skeleton
746	count={1}
747	height={"16px"}
748	width={"100%"}
749	containerClassName="list-header-wrapper-inner-child"
750	borderRadius={"2px"}
751	/>
752	</td>
753	</tr>
754	<tr className="list-loader-wrapper">
755	<td className="list-header-wrapper">
756	<Skeleton
757	count={1}
758	height={"16px"}
759	width={"60%"}
760	containerClassName="list-header-wrapper-inner-child"
761	borderRadius={"2px"}
762	/>
763	</td>
764	<td className="list-header-wrapper">
765	<Skeleton
766	count={1}
767	height={"16px"}
768	width={"45%"}
769	containerClassName="list-header-wrapper-inner-child"
770	borderRadius={"2px"}
771	/>
772	</td>
773	<td className="list-header-wrapper">
774	<Skeleton
775	count={1}
776	height={"16px"}
777	width={"72%"}
778	containerClassName="list-header-wrapper-inner-child"
779	borderRadius={"2px"}
780	/>
781	</td>
782	<td className="list-header-wrapper">
783	<Skeleton
784	count={1}
785	height={"16px"}
786	width={"45%"}
787	containerClassName="list-header-wrapper-inner-child"
788	borderRadius={"2px"}
789	/>
790	</td>
791	<td className="list-header-wrapper">
792	<Skeleton
793	count={1}
794	height={"16px"}
795	width={"100%"}
796	containerClassName="list-header-wrapper-inner-child"
797	borderRadius={"2px"}
798	/>
799	</td>
800	<td className="list-header-wrapper">
801	<Skeleton
802	count={1}
803	height={"16px"}
804	width={"100%"}
805	containerClassName="list-header-wrapper-inner-child"
806	borderRadius={"2px"}
807	/>
808	</td>
809	<td className="list-header-wrapper">
810	<Skeleton
811	count={1}
812	height={"16px"}
813	width={"100%"}
814	containerClassName="list-header-wrapper-inner-child"
815	borderRadius={"2px"}
816	/>
817	</td>
818	<td className="list-header-wrapper">
819	<Skeleton
820	count={1}
821	height={"16px"}
822	width={"100%"}
823	containerClassName="list-header-wrapper-inner-child"
824	borderRadius={"2px"}
825	/>
826	</td>
827	<td className="list-header-wrapper">
828	<Skeleton
829	count={1}
830	height={"16px"}
831	width={"100%"}
832	containerClassName="list-header-wrapper-inner-child"
833	borderRadius={"2px"}
834	/>
835	</td>
836	</tr>
837	<tr className="list-loader-wrapper">
838	<td className="list-header-wrapper">
839	<Skeleton
840	count={1}
841	height={"16px"}
842	width={"60%"}
843	containerClassName="list-header-wrapper-inner-child"
844	borderRadius={"2px"}
845	/>
846	</td>
847	<td className="list-header-wrapper">
848	<Skeleton
849	count={1}
850	height={"16px"}
851	width={"45%"}
852	containerClassName="list-header-wrapper-inner-child"
853	borderRadius={"2px"}
854	/>
855	</td>
856	<td className="list-header-wrapper">
857	<Skeleton
858	count={1}
859	height={"16px"}
860	width={"72%"}
861	containerClassName="list-header-wrapper-inner-child"
862	borderRadius={"2px"}
863	/>
864	</td>
865	<td className="list-header-wrapper">
866	<Skeleton
867	count={1}
868	height={"16px"}
869	width={"45%"}
870	containerClassName="list-header-wrapper-inner-child"
871	borderRadius={"2px"}
872	/>
873	</td>
874	<td className="list-header-wrapper">
875	<Skeleton
876	count={1}
877	height={"16px"}
878	width={"100%"}
879	containerClassName="list-header-wrapper-inner-child"
880	borderRadius={"2px"}
881	/>
882	</td>
883	<td className="list-header-wrapper">
884	<Skeleton
885	count={1}
886	height={"16px"}
887	width={"100%"}
888	containerClassName="list-header-wrapper-inner-child"
889	borderRadius={"2px"}
890	/>
891	</td>
892	<td className="list-header-wrapper">
893	<Skeleton
894	count={1}
895	height={"16px"}
896	width={"100%"}
897	containerClassName="list-header-wrapper-inner-child"
898	borderRadius={"2px"}
899	/>
900	</td>
901	<td className="list-header-wrapper">
902	<Skeleton
903	count={1}
904	height={"16px"}
905	width={"100%"}
906	containerClassName="list-header-wrapper-inner-child"
907	borderRadius={"2px"}
908	/>
909	</td>
910	<td className="list-header-wrapper">
911	<Skeleton
912	count={1}
913	height={"16px"}
914	width={"100%"}
915	containerClassName="list-header-wrapper-inner-child"
916	borderRadius={"2px"}
917	/>
918	</td>
919	</tr>
920	<tr className="list-loader-wrapper">
921	<td className="list-header-wrapper">
922	<Skeleton
923	count={1}
924	height={"16px"}
925	width={"60%"}
926	containerClassName="list-header-wrapper-inner-child"
927	borderRadius={"2px"}
928	/>
929	</td>
930	<td className="list-header-wrapper">
931	<Skeleton
932	count={1}
933	height={"16px"}
934	width={"45%"}
935	containerClassName="list-header-wrapper-inner-child"
936	borderRadius={"2px"}
937	/>
938	</td>
939	<td className="list-header-wrapper">
940	<Skeleton
941	count={1}
942	height={"16px"}
943	width={"72%"}
944	containerClassName="list-header-wrapper-inner-child"
945	borderRadius={"2px"}
946	/>
947	</td>
948	<td className="list-header-wrapper">
949	<Skeleton
950	count={1}
951	height={"16px"}
952	width={"45%"}
953	containerClassName="list-header-wrapper-inner-child"
954	borderRadius={"2px"}
955	/>
956	</td>
957	<td className="list-header-wrapper">
958	<Skeleton
959	count={1}
960	height={"16px"}
961	width={"100%"}
962	containerClassName="list-header-wrapper-inner-child"
963	borderRadius={"2px"}
964	/>
965	</td>
966	<td className="list-header-wrapper">
967	<Skeleton
968	count={1}
969	height={"16px"}
970	width={"100%"}
971	containerClassName="list-header-wrapper-inner-child"
972	borderRadius={"2px"}
973	/>
974	</td>
975	<td className="list-header-wrapper">
976	<Skeleton
977	count={1}
978	height={"16px"}
979	width={"100%"}
980	containerClassName="list-header-wrapper-inner-child"
981	borderRadius={"2px"}
982	/>
983	</td>
984	<td className="list-header-wrapper">
985	<Skeleton
986	count={1}
987	height={"16px"}
988	width={"100%"}
989	containerClassName="list-header-wrapper-inner-child"
990	borderRadius={"2px"}
991	/>
992	</td>
993	<td className="list-header-wrapper">
994	<Skeleton
995	count={1}
996	height={"16px"}
997	width={"100%"}
998	containerClassName="list-header-wrapper-inner-child"
999	borderRadius={"2px"}
1000	/>
1001	</td>
1002	</tr>
1003	</>
1004	);
1005	};
1006
1007	export default ListLoader;
1008