Das Admin-Panel besteht aus fertigen React-Komponenten.

import { Alert, Dialog, Select, TextField }
  from "@synatix/react";
import "@synatix/theme-cpool/theme.css";

export function AdminPanel() {
  const [status, setStatus] = useState("Alle Status");

  return (
    <section data-theme="cpool">
      <Select value={status} onValueChange={setStatus}>
        <Select.Trigger>{status}</Select.Trigger>
        <Select.Content>
          <Select.Item value="Prüfung">Prüfung</Select.Item>
        </Select.Content>
      </Select>
      <Alert tone="success">3 Vorgänge sichtbar</Alert>
      <Dialog>
        <Dialog.Trigger>Details</Dialog.Trigger>
        <Dialog.Content>…</Dialog.Content>
      </Dialog>
    </section>
  );
}