import styles from "./SkippedLines.module.css";

export type SkippedLinesProps = {
  skipped: string[][];
};

export function SkippedLines({ skipped }: SkippedLinesProps) {
  if (skipped.length === 0) {
    return undefined;
  }

  return (
    <div className={styles.skipped}>
      <pre>
        {skipped.map(s => `▶️ ${s.join("🔸")}`).join("\n")}
      </pre>
    </div>
  );
}