---
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>