const [isDrawerVisible, setIsDrawerVisible] = useState(false)

consthandleToggleDrawer= () => {
setIsDrawerVisible(!isDrawerVisible)
}

consthandleCloseDrawer= () => {
setIsDrawerVisible(false)
}

return (
<>
<Buttonvariant="link"onClick=\{handleToggleDrawer}>
{isDrawerVisible?'Hide':'Show'} Example Scopes
</Button>

<ExampleScopesDrawerisVisible=\{isDrawerVisible}onClose=\{handleCloseDrawer}>
Scope content
</ExampleScopesDrawer>
</>
)