mirror of https://github.com/usememos/memos.git
22 lines
519 B
TypeScript
22 lines
519 B
TypeScript
import { useState } from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface Props {
|
|
content: string;
|
|
}
|
|
|
|
const Spoiler: React.FC<Props> = ({ content }: Props) => {
|
|
const [isRevealed, setIsRevealed] = useState(false);
|
|
|
|
return (
|
|
<span
|
|
className={cn("inline cursor-pointer select-none", isRevealed ? "" : "bg-muted")}
|
|
onClick={() => setIsRevealed(!isRevealed)}
|
|
>
|
|
<span className={cn(isRevealed ? "opacity-100" : "opacity-0")}>{content}</span>
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default Spoiler;
|