CmAlert

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

import { CmAlert } from "cosmemilton-ui/client";
import { CmButton } from "cosmemilton-ui/client";
import { CmStack } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="sm">
      <CmAlert
        title="Importacao concluida"
        description="42 registros foram sincronizados com sucesso."
        tone="success"
      />
      <CmAlert
        title="Revise os dados"
        description="Algumas linhas precisam de classificacao fiscal antes da emissao."
        tone="warning"
        action={<CmButton size="sm" variant="outline">Revisar</CmButton>}
      />
      <CmAlert
        title="Falha na conexao"
        description="Tente novamente em alguns instantes."
        tone="danger"
      />
    </CmStack>
  );
}