Function TypePreview

www/src/components/NewCode.tsx:114–144

({ code, position }: { code: string; position: PositionInterface })

};

const TypePreview = ({ code, position }: { code: string; position: PositionInterface }) => {
  return (<div className={`border bg-opacity-10 backdrop-blur-md bg-neutral-500 text-xs border-white border-opacity-10 p-3 max-w-max z-10 absolute rounded-md left-o top-0`} style={{
    top: position.top,
    left: position.left,
    opacity: position.top > 0 ? 1 : 0,
    transition: "opacity 0.300s, transform 0.5s",
    transform: position.top > 0 ? "translateY(-10px)" : "translateY(0px)"
  }}>
    {code &&
      <Highlight {...defaultProps} theme={theme} code={code} language={'typescript'}>
        {({ className, style, tokens, getLineProps, getTokenProps }) => (
          <pre
            className={className}
            style={{
              background: 'transparent',
              padding: 0
            }}
          >
            {tokens.map((line, i) => (
              <div key={i}>
                {line.map((token, key) => (
                  <span key={key} {...getTokenProps({ token, key })} />
                ))}
              </div>
            ))}
          </pre>
        )}
      </Highlight>
    }
  </div>)
}

const NewCustomCodeLine = ({ line, typesToDisplay, showLineNumber, lineNumber, getLineProps, getTokenProps, hide, highlight }:
  {