import { h } from "hyperapp" ; import { State , Actions } from "../api" ; import "./TogglePaneButton.scss" ; export interface TogglePaneButtonProps { state : State ; actions : Actions ; } export function TogglePaneButton ( props ) { const { state , actions } = props ; return ( < div class = "hyperapp-devtools toggle-pane-button" > < button onclick = { ( ) => actions . showPane ( ! state . paneShown ) } > Devtools < /button> < /div>); }