import { ConnectButton } from '@/components/ConnectButton'
import { ConditionalPublishButton } from './ConditionalPublishButton'
import { KeyIndicator } from './KeyIndicator'

export function ProfileHeader() {
  return (
    <header className="bg-white shadow-sm">
      <div className="max-w-4xl mx-auto px-4 py-4 flex justify-between items-center">
        <h1 className="text-2xl font-bold text-gray-900 flex items-center">
          zapwall.fr
          <KeyIndicator />
        </h1>
        <div className="flex items-center gap-4">
          <ConditionalPublishButton />
          <ConnectButton />
        </div>
      </div>
    </header>
  )
}