---
import "../css/spoiler.scss"

const warning = Astro.props.warning ?? "Click to show NSFW image"
// waltuh
const trolley = "spoiler-check-" + Math.floor(Math.random() * 102105122122126).toString()
---

<div class="spoiler" >
	<input id={trolley} type="checkbox">
	<div class="spoiler-content">
		<slot />
	</div>
	<label for={trolley} class="spoiler-button">{warning}</label>
</div>