34 lines
901 B
TypeScript
34 lines
901 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>
|
|
<Embed.Title>the counter</Embed.Title>
|
|
<Embed.Field name="is it even?">
|
|
{count % 2 === 0 ? "yes" : "no"}
|
|
</Embed.Field>
|
|
</Embed>
|
|
)}
|
|
{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)} />
|
|
)}
|
|
</>
|
|
)
|
|
}
|