import * as React from "react"; import type { MergeElementProps } from "../typings"; interface SnackbarBaseProps { /** The text to display. */ text: string; /** * Append to the classNames applied to the component so you can override or * extend the styles. */ className?: string; /** * The text to display on the action button. */ actionLabel?: string; /** * The leading icon element placed before the text. */ icon?: React.ReactNode; /** * The horizontal placement of the snackbar. * @default "center" */ placement?: "left" | "center" | "right"; /** * If `true`, the Snackbar automatically closes after a calculated time. * This calculated time depends on the number of characters in the Snackbar's content. * * If a number is entered, the Snackbar will be closed after that amount of time (in miliseconds). * @default false */ autoHide?: number | boolean; /** * If `true`, the component will be open. * @default false */ open?: boolean; /** * If `true`, the snackbar will have close button. * @default false */ closable?: boolean; /** * The Callback fires when the close button is clicked. */ onClose?: () => void; /** * The Callback fires when the action button is clicked. */ actionCallback?: () => void; /** * The Callback fires when the transition has ended. */ onTransitionEnd?: (event: React.TransitionEvent) => void; /** * The color of the snackbar. * @default "default" */ color?: "default" | "success" | "error" | "warning" | "info"; } export declare type SnackbarProps = Omit, "defaultChecked" | "defaultValue">; declare type Component = { (props: SnackbarProps): React.ReactElement | null; propTypes?: React.WeakValidationMap | undefined; displayName?: string | undefined; }; declare const Snackbar: Component; export default Snackbar;