Redline Diff

Clause redline view showing struck-through removed text in rose beside emerald added replacements.

§ 7.3 · Indemnification
+1 / -1
Each party shall indemnify the other against
-all direct and indirect damages arising from a breach
+direct damages arising from a breach, capped at fees paid
of this agreement, subject to Section 11.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Legal27 } from "@/components/beste/piece/legal27";

<Legal27
  heading="§ 7.3 · Indemnification"
  lines={[
    {
      "text": "Each party shall indemnify the other against",
      "kind": "context"
    },
    {
      "text": "all direct and indirect damages arising from a breach",
      "kind": "removed"
    },
    {
      "text": "direct damages arising from a breach, capped at fees paid",
      "kind": "added"
    },
    {
      "text": "of this agreement, subject to Section 11.",
      "kind": "context"
    }
  ]}
  added={1}
  removed={1}
/>