import LoadingSpinner from '@/components/LoadingSpinner'

export default function EditorLoading() {
  return (
    <div className="flex h-screen flex-col">
      <header className="flex items-center justify-between border-b border-zinc-200 bg-white px-4 py-3 dark:border-zinc-700 dark:bg-zinc-900">
        <div className="flex items-center gap-4">
          <div className="h-5 w-5 animate-pulse rounded bg-zinc-200 dark:bg-zinc-700" />
          <div className="h-6 w-32 animate-pulse rounded bg-zinc-200 dark:bg-zinc-700" />
        </div>
      </header>

      <div className="flex flex-1 items-center justify-center bg-zinc-100 dark:bg-zinc-800">
        <LoadingSpinner size="lg" message="Loading editor..." />
      </div>
    </div>
  )
}