export function ContextSelectors({ accounts, workspaces, accountId, workspaceId, onAccountChange, onWorkspaceChange }) {
  return <section className="selectors">
    <select value={accountId} onChange={(event) => onAccountChange(event.target.value)}>
      {accounts.map((account) => <option key={account.id} value={account.id}>{account.label} · {account.status}</option>)}
    </select>
    <select value={workspaceId} onChange={(event) => onWorkspaceChange(event.target.value)}>
      {workspaces.map((workspace) => <option key={workspace.id} value={workspace.id}>{workspace.label}</option>)}
    </select>
  </section>;
}
