snippet-pastebin/src/components/features/python-runner/TerminalHeader.tsx

import { Play, CircleNotch, Terminal as TerminalIcon } from '@phosphor-icons/react'
import { Button } from '@/components/ui/button'

interface TerminalHeaderProps {
  onRun: () => void
  isRunning: boolean
  isInitializing: boolean
  waitingForInput: boolean
}

export function TerminalHeader({ 
  onRun, 
  isRunning, 
  isInitializing, 
  waitingForInput 
}: TerminalHeaderProps) {
  return (
    <div className="flex items-center justify-between p-4 border-b border-border bg-muted/30">
      <div className="flex items-center gap-2">
        <TerminalIcon size={18} weight="bold" className="text-primary" />
        <h3 className="text-sm font-semibold text-foreground">Python Terminal</h3>
      </div>
      <Button
        onClick={onRun}
        disabled={isRunning || isInitializing || waitingForInput}
        size="sm"
        className="gap-2"
      >
        {isRunning || isInitializing ? (
          <>
            <CircleNotch className="animate-spin" size={16} />
            {isInitializing ? 'Loading...' : 'Running...'}
          </>
        ) : (
          <>
            <Play size={16} weight="fill" />
            Run
          </>
        )}
      </Button>
    </div>
  )
}