search-results-client.tsx

'use client'

import { Suspense, useEffect, useState } from 'react'
import { useSearchParams } from 'next/navigation'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Span } from '@/components/span'
import { BlogClient } from '@/components/blog/blog-client'

const PER_PAGE = 15

function LoadingDots() {
  return (
    <Span
      aria-hidden="true"
      className="after:content-['...'] after:animate-dots"
    />
  )
}