import Component from '../../components/toast/toast.component.js'; import { type EventName } from '@lit/react'; import type { TerraShowEvent } from '../../events/events.js'; import type { TerraAfterShowEvent } from '../../events/events.js'; import type { TerraHideEvent } from '../../events/events.js'; import type { TerraAfterHideEvent } from '../../events/events.js'; export type { TerraShowEvent } from '../../events/events.js'; export type { TerraAfterShowEvent } from '../../events/events.js'; export type { TerraHideEvent } from '../../events/events.js'; export type { TerraAfterHideEvent } from '../../events/events.js'; /** * @summary Toasts are used to display brief, non-intrusive notifications that appear temporarily. * @documentation https://terra-ui.netlify.app/components/toast * @status stable * @since 1.0 * * @dependency terra-alert * * @slot - The toast's main content. * @slot icon - An icon to show in the toast. Works best with ``. * * @event terra-show - Emitted when the toast opens. * @event terra-after-show - Emitted after the toast opens and all animations are complete. * @event terra-hide - Emitted when the toast closes. * @event terra-after-hide - Emitted after the toast closes and all animations are complete. * * @csspart base - The component's base wrapper, an `` element. * @csspart base__base - The alert's exported `base` part. * @csspart base__icon - The alert's exported `icon` part. * @csspart base__message - The alert's exported `message` part. * * @animation toast.show - The animation to use when showing the toast. * @animation toast.hide - The animation to use when hiding the toast. */ declare const reactWrapper: import("@lit/react").ReactWebComponent; onTerraAfterShow: EventName; onTerraHide: EventName; onTerraAfterHide: EventName; }>; export default reactWrapper;