dunkirk.sh
pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
1export interface LoadingProps {
2 text?: string;
3 className?: string;
4}
5
6export function Loading(props: LoadingProps) {
7 return (
8 <div className={props.className}>
9 <div className="flex flex-col items-center justify-center">
10 <div className="flex h-12 items-center justify-center">
11 <div className="mx-1 h-2 w-2 animate-loading-pin rounded-full bg-[#211D30]" />
12 <div className="mx-1 h-2 w-2 animate-loading-pin rounded-full bg-[#211D30] [animation-delay:150ms]" />
13 <div className="mx-1 h-2 w-2 animate-loading-pin rounded-full bg-[#211D30] [animation-delay:300ms]" />
14 <div className="mx-1 h-2 w-2 animate-loading-pin rounded-full bg-[#211D30] [animation-delay:450ms]" />
15 </div>
16 {props.text && props.text.length ? (
17 <p className="mt-3 max-w-xs text-sm opacity-75">{props.text}</p>
18 ) : null}
19 </div>
20 </div>
21 );
22}