import type { WarpSnackbar } from "./snackbar.js";
/**
* A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.
*
* Include one `` in the document ``. Use the `create` function to create messages.
*
* [Warp component reference](https://warp-ds.github.io/docs/components/snackbar/frameworks/elements)
*
* @example
*
* ```html
*
*
*
* ```
*
* @example
*
* ```ts
* // Short message indicating an operation succeeded
* const snackbar = document.querySelector("w-snackbar");
* const snackbarItem = snackbar.create("Settings saved", { variant: "success" });
* ```
*
* @example
*
* ```ts
* // An action to undo what was just done
* const snackbar = document.querySelector("w-snackbar");
* const snackbarItem = snackbar.create("Settings saved", {
* variant: "success",
* action: {
* label: "Undo",
* onclick: () => {
* // undoSave();
* },
* },
* });
* ```
*/
export declare const Snackbar: import("@lit/react").ReactWebComponent;