ProfitAndLoss

"use client";

import * as React from "react";
import { cn } from "@/lib/ledger/cn";
import {
  type DrilldownTarget,
  type StatementHeader,
  type StatementLine,
  StatementTable,
} from "@/components/ledger/statement-table";

export interface ProfitAndLossProps {
  className?: string;
  /** Offer the period columns to hide. See `StatementTable`. */
  columnManager?: boolean;
  header: Omit<StatementHeader, "statement">;
  /** Margin rows are Percent, not Money, and visually distinguished. */
  margins?: StatementLine[];
  materiality?: { absolute: number; relative: number };
  /** Caps the scroller so the column headers freeze. See `StatementTable`. */
  maxHeight?: number;
  /** EBITDA is not a P&L line. If shown, it appears below, separated. */
  nonGaap?: React.ReactNode;
  onDrilldown?: (line: StatementLine, target: DrilldownTarget) => void;
  periods: string[];
  /** Revenue → COGS → Gross profit → Opex → Operating income → Other → Net income. */
  sections: StatementLine[];
  showVariance?: boolean;
}

/**
 * Expense rows are `polarity="inverted"` — an increase in COGS is not good
 * news, and defaulting it to green is the bug this whole system exists to
 * prevent. The polarity is read from the account type, not chosen per call.
 */
export function ProfitAndLoss({
  header,
  periods,
  sections,
  margins = [],
  showVariance = true,
  materiality,
  onDrilldown,
  nonGaap,
  maxHeight,
  columnManager,
  className,
}: ProfitAndLossProps) {
  const lines = React.useMemo(
    () => [...sections, ...(margins.length ? [MARGIN_SECTION, ...margins] : [])],
    [sections, margins],
  );

  return (
    <div className={cn("w-full", className)}>
      <StatementTable
        columnManager={columnManager}
        header={{ ...header, statement: "Profit and loss" }}
        lines={lines}
        materiality={materiality}
        maxHeight={maxHeight}
        onDrilldown={onDrilldown}
        periods={periods}
        roundingNote="Figures are rounded once, at the display boundary. Parts may not sum."
        showVariance={showVariance}
      />
      {nonGaap ? (
        // Non-GAAP measures appear below net income, in a separated block,
        // never inside the P&L.
        <section className="mt-6 rounded-xl border border-dashed border-border bg-surface-sunken p-6">
          <h3 className="text-title-sm font-medium">Non-GAAP measures</h3>
          <p className="mb-4 text-caption text-text-secondary">
            Not defined by the framework. Every adjustment is named below.
          </p>
          {nonGaap}
        </section>
      ) : null}
    </div>
  );
}

const MARGIN_SECTION: StatementLine = {
  id: "margins",
  label: "Margins",
  level: 1,
  values: [],
  variant: "section",
};