import { ChevronRight } from 'lucide-react'

interface PanelHeaderProps {
  title: string
  subtitle: string
  action?: string
  onAction?: () => void
}

export function PanelHeader({ title, subtitle, action, onAction }: PanelHeaderProps) {
  return (
    <div className="panel-header">
      <div>
        <h2>{title}</h2>
        <p>{subtitle}</p>
      </div>
      {action && (
        <button onClick={onAction}>
          {action}
          <ChevronRight size={15} />
        </button>
      )}
    </div>
  )
}