// /market 진입/네비게이션 시 즉시 노출되는 Suspense 스켈레톤 — 서버 렌더 대기 중 "멈춤" 체감 제거.
export default function Loading()
{
	return (
		<div className='w-full p-4 space-y-6 animate-pulse' aria-hidden='true'>
			<div className='space-y-2'>
				<div className='h-8 w-24 rounded bg-gray-500/15' />
				<div className='h-4 w-64 rounded bg-gray-500/10' />
			</div>

			<div className='grid grid-cols-2 md:grid-cols-4 gap-3'>
				{Array.from({ length: 4 }).map((_, i) => (
					<div key={i} className='h-24 rounded bg-gray-500/10' />
				))}
			</div>

			<div className='grid grid-cols-1 md:grid-cols-2 gap-6'>
				<div className='h-40 rounded bg-gray-500/10' />
				<div className='h-40 rounded bg-gray-500/10' />
			</div>

			<div className='space-y-2'>
				{Array.from({ length: 8 }).map((_, i) => (
					<div key={i} className='h-8 w-full rounded bg-gray-500/10' />
				))}
			</div>
		</div>
	);
}