CmToastProvider / useCmToast

import { CmToastProvider } from "cosmemilton-ui/client";

"use client";

import { CmButton, CmToastProvider, useCmToast } from "cosmemilton-ui/client";
import { CmRow } from "cosmemilton-ui/server";

function ToastActions() {
  const { toast } = useCmToast();

  return (
    <CmRow gap="sm" wrap>
      <CmButton onClick={() => toast("Pedido salvo com sucesso.", { tone: "success", title: "Tudo certo" })}>
        Sucesso
      </CmButton>
      <CmButton variant="outline" onClick={() => toast("Revise os campos obrigatorios.", { tone: "warning" })}>
        Aviso
      </CmButton>
    </CmRow>
  );
}

export default function Example() {
  return (
    <CmToastProvider>
      <ToastActions />
    </CmToastProvider>
  );
}