const PageContentSkeleton = () => {
  return (
    <div className="animate-pulse grid gap-y-4">
      <div className="w-full h-10 bg-gray-300 rounded" />
      <div className="h-2" />
      <div className="w-full h-4 bg-gray-300 rounded" />
      <div className="w-full h-4 bg-gray-300 rounded" />
      <div className="w-full h-4 bg-gray-300 rounded" />
      <div className="w-8/12 h-4 bg-gray-300 rounded" />
      <div className="h-2" />
      <div className="w-full h-4 bg-gray-300 rounded" />
      <div className="w-full h-4 bg-gray-300 rounded" />
      <div className="w-full h-4 bg-gray-300 rounded" />
      <div className="w-1/2 h-4 bg-gray-300 rounded" />
    </div>
  )
}

export default PageContentSkeleton