LoadingLine.tsx17 lines · main

1	import { cn } from '../../lib/utils/cn'
2
3	export const LoadingLine = ({ loading }: { loading: boolean }) => {
4	return (
5	<div className="relative overflow-hidden w-full h-px bg-border m-auto">
6	<span
7	className={cn(
8	'absolute w-[80px] h-px ml-auto mr-auto left-0 right-0 text-center block top-0',
9	'transition-all',
10	'line-loading-bg-light dark:line-loading-bg',
11	loading && 'animate-line-loading-slower opacity-100',
12	loading ? 'opacity-100' : 'opacity-0'
13	)}
14	></span>
15	</div>
16	)
17	}