import type { MethodDefinition, PlateResult } from "@plate-dyn/core";

/** What the method idealizes in general, and what this particular run approximated. */
export function ValidityNotes({
  method,
  result,
}: {
  method: MethodDefinition;
  result?: PlateResult | null;
}) {
  return (
    <div className="pl-small">
      <ul style={{ margin: "4px 0", paddingLeft: 18 }}>
        {method.validity.map((v, i) => (
          <li key={i}>{v}</li>
        ))}
      </ul>
      {result && result.info.notes.length > 0 && (
        <>
          <div className="pl-muted" style={{ marginTop: 6 }}>
            This run:
          </div>
          <ul style={{ margin: "4px 0", paddingLeft: 18 }}>
            {result.info.notes.map((n, i) => (
              <li key={i}>{n}</li>
            ))}
          </ul>
        </>
      )}
    </div>
  );
}