pn-new-crm/src/components/shared/detail-header-strip.tsx

import { type ReactNode } from 'react';
import { cn } from '@/lib/utils';

interface DetailHeaderStripProps {
  children: ReactNode;
  className?: string;
}

export function DetailHeaderStrip({ children, className }: DetailHeaderStripProps) {
  return (
    <div
      className={cn(
        'rounded-xl border border-border bg-gradient-brand-soft px-5 py-3 shadow-xs',
        className,
      )}
    >
      {children}
    </div>
  );
}