SQLEditorLoadingSnippets.tsx30 lines · main

1	import { Skeleton } from 'ui'
2
3	const SQLEditorLoadingSnippets = () => {
4	return (
5	<>
6	<div className="flex flex-row h-6 px-3 items-center gap-3">
7	<Skeleton className="h-4 w-5" />
8	<Skeleton className="w-40 h-4" />
9	</div>
10	<div className="flex flex-row h-6 px-3 items-center gap-3">
11	<Skeleton className="h-4 w-5" />
12	<Skeleton className="w-32 h-4" />
13	</div>
14	<div className="flex flex-row h-6 px-3 items-center gap-3 opacity-75">
15	<Skeleton className="h-4 w-5" />
16	<Skeleton className="w-20 h-4" />
17	</div>
18	<div className="flex flex-row h-6 px-3 items-center gap-3 opacity-50">
19	<Skeleton className="h-4 w-5" />
20	<Skeleton className="w-40 h-4" />
21	</div>
22	<div className="flex flex-row h-6 px-3 items-center gap-3 opacity-25">
23	<Skeleton className="h-4 w-5" />
24	<Skeleton className="w-20 h-4" />
25	</div>
26	</>
27	)
28	}
29
30	export default SQLEditorLoadingSnippets