'use client'

import dynamic from 'next/dynamic'

const ListDetailView = dynamic(() => import('./ListDetailView'), {
  ssr: false,
  loading: () => <div className="animate-pulse space-y-4">
    <div className="h-8 bg-gray-200 rounded w-1/4"></div>
    <div className="h-10 bg-gray-200 rounded"></div>
    <div className="space-y-2">
      <div className="h-16 bg-gray-200 rounded"></div>
      <div className="h-16 bg-gray-200 rounded"></div>
      <div className="h-16 bg-gray-200 rounded"></div>
    </div>
  </div>
})

export default ListDetailView