// /stock 진입/네비게이션 시 즉시 노출되는 Suspense 스켈레톤 — 서버 렌더 대기 중 "멈춤" 체감 제거.
export default function Loading()
{
	return (
		<div className='w-full p-4 space-y-4 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-40 rounded bg-gray-500/10' />
			</div>

			<div className='flex gap-2'>
				{Array.from({ length: 4 }).map((_, i) => (
					<div key={i} className='h-8 w-16 rounded bg-gray-500/10' />
				))}
			</div>

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