import {useState} from "react";
import {createUseStyles} from "react-jss";
import {Dialog} from "../../component/dialog/dialog.tsx";

const useClass = createUseStyles({
    container: {}
})
export const TestPage = () => {
    const classes = useClass()
    const [open, setOpen] = useState<boolean>(false)

    const handleOpen = () => {
        setOpen(true)
    }

    return <div className={classes.container}>
        <button onClick={handleOpen}>open</button>
        <Dialog open={open} title="hello world" >
            <input />
        </Dialog>
    </div>
}