---
import type { JupyterNotebookPayload } from '../../viz/jupyter/load-jupyter-notebook'
import JupyterCodeCell from './JupyterCodeCell.astro'
import JupyterMarkdownCell from './JupyterMarkdownCell.astro'
import JupyterNotebookShell from './JupyterNotebookShell.astro'

interface Props {
  payload: JupyterNotebookPayload
}

const { payload } = Astro.props
---

<JupyterNotebookShell>
  {
    payload.cells.map((cell) =>
      cell.kind === 'markdown' ? (
        <JupyterMarkdownCell blocks={cell.blocks} />
      ) : (
        <JupyterCodeCell cell={cell} />
      ),
    )
  }
</JupyterNotebookShell>