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>
  );
}