export default function ContextPanel()

in components/ContextPanel.tsx [10:26]

• 17 lines of code
• 1 McCabe index (conditional complexity)

export default function ContextPanel({ className = "" }: ContextPanelProps) {
  const titleClassName = "text-black text-md font-medium mb-2";
  return (
    <div className={`p-4 pb-0 w-full bg-[#F7F7F8] rounded-lg ${className}`}>
      <div className="flex flex-1 flex-col overflow-y-scroll h-full p-4 pb-0">
        <h2 className={titleClassName}>Customer details</h2>
        <CustomerDetails />
        <div className="border-b mt-6 mb-6 border-zinc-200"></div>
        <h2 className={titleClassName}>Recommended actions</h2>
        <RecommendedActions />
        <div className="border-b mt-6 mb-6 border-zinc-200"></div>
        <h2 className={titleClassName}>Relevant articles</h2>
        <RelevantArticles />
      </div>
    </div>
  );
}