ConfirmAction

import { useState } from "react";
import { ConfirmAction } from "mizu-ui";

export function Example() {
  const [archived, setArchived] = useState(false);
  return archived ? (
    <p role="status">Draft archived on this device.</p>
  ) : (
    <ConfirmAction
      label="Archive draft"
      title="Archive this draft?"
      confirmLabel="Archive"
      action={async () => {
        localStorage.setItem("mizu-demo-archived", "true");
      }}
      onSuccess={() => setArchived(true)}
    >
      The draft leaves your active list. This demonstration stores the result
      locally.
    </ConfirmAction>
  );
}