tynanpurdy.com
Fork of atp.tools as a universal profile for people on the ATmosphere
1import { cn } from "@/lib/utils";
2import React from "preact/compat";
3
4const Loader = React.forwardRef<
5 HTMLDivElement,
6 React.HTMLAttributes<HTMLDivElement>
7>(({ className, ...props }, ref) => {
8 return (
9 <div
10 className={cn(
11 "flex flex-col min-h-max justify-center items-center gap-2",
12 className,
13 )}
14 {...props}
15 ref={ref}
16 >
17 <div class="loader">
18 <div class="bar1"></div>
19 <div class="bar2"></div>
20 <div class="bar3"></div>
21 <div class="bar4"></div>
22 <div class="bar5"></div>
23 <div class="bar6"></div>
24 <div class="bar7"></div>
25 <div class="bar8"></div>
26 <div class="bar9"></div>
27 <div class="bar10"></div>
28 <div class="bar11"></div>
29 <div class="bar12"></div>
30 </div>
31 </div>
32 );
33});
34
35export { Loader };