f555cb547b
Replace hardcoded data-debug-id + data-debug-label attribute pairs with
{...debugProps(id, component, file)} spread in all 17 components/shared/
files. Existing debug-ids preserved unchanged.
20 lines
663 B
TypeScript
20 lines
663 B
TypeScript
import { cn } from '@/lib/utils'
|
|
import { debugProps } from '@/lib/debug'
|
|
|
|
interface PanelNavBarProps {
|
|
title: string
|
|
actions?: React.ReactNode
|
|
className?: string
|
|
}
|
|
|
|
export function PanelNavBar({ title, actions, className }: PanelNavBarProps) {
|
|
return (
|
|
<div
|
|
{...debugProps('panel-nav-bar', 'PanelNavBar', 'shared/panel-nav-bar.tsx')}
|
|
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>
|
|
)
|
|
}
|