/** * ProsePreview — Every long-form prose element in one view. a full rich-text specimen: one `.kol-prose` block exercising * every long-form element — H1–H4 ladder, section lede, body paragraph, * blockquote, indented passage, code block, pullout, and unordered/ordered * lists — so the KOL prose stylesheet can be reviewed end-to-end in one view. * The "long-form" member of the type-specimen kit. * * Fixed structure; only the text slots vary. All element styling comes from * the prose stylesheet (kol-typography.css) plus the kit's * `.kol-prose-indented` / `.kol-prose-pullout` chrome — none lives here. * * @param {string} h1 trailing text of the H1 (rendered as `H1 — {h1}`) * @param {string} paragraph body paragraph text * @param {string} code contents of the 
 block
 * @param {string} pullout   trailing text of the pullout (rendered as `Pullout — {pullout}`)
 * @param {string} quote     blockquote text
 */
export default function ProsePreview({ h1, paragraph, code, pullout, quote = 'Above as below — justice is a starfield.' }) {
  return (
    

      
H1 — {h1}

      
H2 — Section title

      
H3 — Subsection

      
H4 — Block title

      

        Section lede — a larger paragraph used to introduce a section and
        establish tone before the body copy begins.
      

      
{paragraph}

      
{quote}

      

        

          Indented passage. Used for tangential copy, contextual notes, or
          nested argument that supports the main line.
        

      

      
{code}

      

        Pullout — {pullout}
      

      
    
        
  • Unordered list — item one
    • 
        
  • Item two
    • 
        
  • Item three
    • 
      

      
    
        
  1. Ordered list — item one
    2. 
        
  2. Item two
    3. 
        
  3. Item three
    4. 
      

    

  )
}