package main

// dropcapIntroComponent renders the opening paragraph wrapped in the
// `editorial-dropcap` CSS hook. The hook selects `p:first-of-type::first-letter`
// inside the wrapper, so the editor can supply multiple <p> elements and the
// drop cap is applied to the first one only.
templ dropcapIntroComponent(data DropcapIntroData) {
	<div class="editorial-column editorial-dropcap prose-editorial" data-block="editorial:dropcap_intro">
		@templ.Raw(data.Lead)
	</div>
}