Prose

---
import { Prose } from '@santi020k/lumen-astro'
---

<Prose>
  <h3>Build with semantic primitives</h3>
  <p>Lumen keeps accessible markup, theme tokens, and interaction contracts aligned.</p>
  <ul>
    <li>Start with Astro.</li>
    <li>Adapt the same API to React or Elements.</li>
  </ul>
</Prose>

import { Prose } from '@santi020k/lumen-react'

export const Example = () => (
  <>
    <Prose>
      <h3>Build with semantic primitives</h3>
      <p>Lumen keeps accessible markup, theme tokens, and interaction contracts aligned.</p>
      <ul>
        <li>Start with Astro.</li>
        <li>Adapt the same API to React or Elements.</li>
      </ul>
    </Prose>
  </>
)

<script type="module">
  import { defineLumenElements } from '@santi020k/lumen-elements/define'

  defineLumenElements()
</script>

<lumen-prose>
  <h3>Build with semantic primitives</h3>
  <p>Lumen keeps accessible markup, theme tokens, and interaction contracts aligned.</p>
  <ul>
    <li>Start with Astro.</li>
    <li>Adapt the same API to React or Elements.</li>
  </ul>
</lumen-prose>