/**
 * Generates HTML to display Scalar UI.
 *
 * @see https://scalar.com/
 */
export function generateScalarUI(url: string) {
  return `
      <!doctype html>
      <html>
        <head>
          <title>API Reference</title>
          <meta charset="utf-8" />
          <meta
            name="viewport"
            content="width=device-width, initial-scale=1" />
        </head>
        <body>
          <script
            id="api-reference"
            data-url="${url}"
            data-proxy-url="https://proxy.scalar.com"></script>
          <script src="https://cdn.jsdelivr.net/npm/@scalar/api-reference"></script>
        </body>
      </html>
    `;
}
