Used for static HTML processing (usually to provide SSR support for your javascript-powered web apps)

Note: Consider using {@link inline} instead.

1. parse the markup and process element classes with the provided Twind instance
2. update the class attributes if necessary
3. return the HTML string with the final element classes

import { extract } from '@twind/core'

function render() {
  const { html, css } = extract(renderApp())

  // inject as last element into the head
  return html.replace('</head>', `<style data-twind>${css}</style></head>`)
}

You can provide your own Twind instance:

import { extract } from '@twind/core'
import { tw } from './custom/twind/instance'

function render() {
  const { html, css } = extract(renderApp(), tw)

  // inject as last element into the head
  return html.replace('</head>', `<style data-twind>${css}</style></head>`)
}