37 lines
912 B
TypeScript
37 lines
912 B
TypeScript
import * as React from "react"
|
|
import { Button } from "../src.new/button.js"
|
|
import { Embed } from "../src.new/embed.js"
|
|
|
|
export function Counter() {
|
|
const [count, setCount] = React.useState(0)
|
|
const [embedVisible, setEmbedVisible] = React.useState(false)
|
|
|
|
return (
|
|
<>
|
|
this button was clicked {count} times
|
|
{embedVisible && (
|
|
<Embed
|
|
title="the counter"
|
|
fields={[
|
|
{
|
|
name: "is it even?",
|
|
value: count % 2 === 0 ? "yes" : "no",
|
|
},
|
|
]}
|
|
/>
|
|
)}
|
|
{embedVisible && (
|
|
<Button label="hide embed" onClick={() => setEmbedVisible(false)} />
|
|
)}
|
|
<Button
|
|
style="primary"
|
|
label="clicc"
|
|
onClick={() => setCount(count + 1)}
|
|
/>
|
|
{!embedVisible && (
|
|
<Button label="show embed" onClick={() => setEmbedVisible(true)} />
|
|
)}
|
|
</>
|
|
)
|
|
}
|