LogoLoader.tsx25 lines · main

1	import styles from './loading-anim.module.css'
2
3	const LogoLoader = () => (
4	<div className="w-full h-full flex flex-col items-center justify-center">
5	<div>
6	<svg
7	width="60"
8	height="62"
9	viewBox="0 0 60 62"
10	fill="none"
11	xmlns="http://www.w3.org/2000/svg"
12	className={styles['loading']}
13	>
14	<path
15	d="M30.2571 4.12811L30.257 4.12389C30.2133 1.21067 26.5349 -0.034778 24.7224 2.24311L1.76109 31.0996C-1.21104 34.8348 1.45637 40.34 6.23131 40.34H29.4845L29.7563 58.4432C29.8 61.3564 33.4783 62.6016 35.2908 60.324L34.8996 60.0127L35.2908 60.324L58.2521 31.4674C61.2241 27.7322 58.5568 22.227 53.782 22.227H30.3762L30.2571 4.12811Z"
16	stroke="hsl(var(--brand-default))"
17	strokeWidth={2}
18	strokeLinecap="round"
19	/>
20	</svg>
21	</div>
22	</div>
23	)
24
25	export default LogoLoader