@kadoui/react
Version:
Kadoui primitive components for React
10 lines (9 loc) • 473 B
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { useState } from "react";
import { cn } from "../../utils";
import { SpoilerContext } from "./SpoilerContext";
export function SpoilerRoot({ className, ...p }) {
const [isOpen, setOpen] = useState(false);
return (_jsx(SpoilerContext, { value: { isOpen, setOpen }, children: _jsx("span", { onClick: () => setOpen(true), className: cn(isOpen ? "spoiler-active" : null, className), ...p }) }));
}