import React from "react";
import useSet from "../index";

export default function demo() {
	const [set, { add, remove, reset }] = useSet(["Hello"]);

	return (
		<div>
			<button type="button" onClick={() => add(String(Date.now()))}>
				Add Timestamp
			</button>
			<button
				type="button"
				onClick={() => remove("Hello")}
				disabled={!set.has("Hello")}
				style={{ margin: "0 8px" }}
			>
				Remove Hello
			</button>
			<button type="button" onClick={() => reset()}>
				Reset
			</button>
			<div style={{ marginTop: 16 }}>
				<pre>{JSON.stringify(Array.from(set), null, 2)}</pre>
			</div>
		</div>
	);
}