25 lines
517 B
TypeScript
25 lines
517 B
TypeScript
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>
|
|
)
|
|
} |