Function VersionCell

examples/preact/basic/src/package-json-panel.tsx:125–156

({
    dep,
    specified,
  }: {
    dep: string
    specified: string
  })

  )

  const VersionCell = ({
    dep,
    specified,
  }: {
    dep: string
    specified: string
  }) => {
    const info = outdatedDeps[dep] as
      | {
          current: string
          wanted: string
          latest: string
          type?: 'dependencies' | 'devDependencies'
        }
      | undefined
    const current = info?.current ?? specified
    const latest = info?.latest
    const dt = info ? diffType(current, latest) : null
    return (
      <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
        <span>{current}</span>
        {dt && latest ? (
          <span
            style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}
          >
            <span style={{ opacity: 0.6 }}>→</span>
            {badge(`latest ${latest}`, diffColor[dt])}
          </span>
        ) : null}
      </div>
    )
  }

  const UpgradeRowActions = ({ name }: { name: string }) => {
    const info = outdatedDeps[name] as