scrowl/src/ui/Controls.tsx

34 lines
643 B
TypeScript

type Props = {
// TODO
}
export function Controls(props: Props) {
return (
<aside
style={{
position: "sticky",
top: "2rem",
height: "fit-content"
}}
>
<article>
<header>Controls</header>
<fieldset>
<label>
<input type="checkbox" role="switch" checked />
Auto-evaluate
</label>
<button class="secondary outline" style={{ width: "100%" }}>
Clear All
</button>
</fieldset>
<footer>
<small>Language v0.1.0</small>
</footer>
</article>
</aside>
);
}