(type: string)
| 170 | } |
| 171 | |
| 172 | const cellClass = (type: string) => |
| 173 | cn( |
| 174 | "whitespace-pre px-2", |
| 175 | type === "add" && "bg-green-50 text-green-800 dark:bg-green-950/30 dark:text-green-300", |
| 176 | type === "remove" && "bg-red-50 text-red-800 dark:bg-red-950/30 dark:text-red-300", |
| 177 | type === "context" && "text-zinc-700 dark:text-zinc-300", |
| 178 | type === "empty" && "bg-zinc-50 dark:bg-zinc-900" |
| 179 | ); |
| 180 | |
| 181 | return ( |
| 182 | <div className="overflow-x-auto rounded-lg border border-zinc-200 dark:border-zinc-700"> |