HistoryControls

import { HistoryControls, useHistory, InlineEdit, Stack } from "mizu-ui";

export function Example() {
  const history = useHistory("First draft");
  return (
    <Stack gap={16}>
      <InlineEdit
        label="Draft name"
        value={history.value}
        onValueChange={history.set}
      />
      <HistoryControls
        canUndo={history.canUndo}
        canRedo={history.canRedo}
        onUndo={history.undo}
        onRedo={history.redo}
      />
    </Stack>
  );
}