janpeter visser
ffda65490f
- Product aanmaken/bewerken/archiveren/herstellen (ST-101, ST-103) - SplitPane component met versleepbare splitter en localStorage (ST-104) - PanelNavBar herbruikbaar paneelheader component (ST-105) - PbiList met prioriteitsgroepen, inline aanmaken, filter en verwijderen (ST-106-ST-110) - StoryPanel placeholder rechter paneel met selectie via Zustand (ST-109) - App iconen geinstalleerd: favicon, apple-icon, PWA manifest (192/512px) - AppIcon SVG component in navigatiebar - Root layout metadata bijgewerkt naar Nederlands Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
16 lines
529 B
TypeScript
16 lines
529 B
TypeScript
import { cn } from '@/lib/utils'
|
|
|
|
interface PanelNavBarProps {
|
|
title: string
|
|
actions?: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
export function PanelNavBar({ title, actions, className }: PanelNavBarProps) {
|
|
return (
|
|
<div className={cn('flex items-center justify-between px-4 py-2 border-b border-border bg-surface-container-low shrink-0', className)}>
|
|
<span className="text-sm font-medium text-foreground">{title}</span>
|
|
{actions && <div className="flex items-center gap-2">{actions}</div>}
|
|
</div>
|
|
)
|
|
}
|