32 lines
692 B
TypeScript
32 lines
692 B
TypeScript
import React from "react";
|
|
|
|
import ErrorIcon from "./ErrorIcon/ErrorIcon";
|
|
|
|
import styles from "./Toast.module.scss";
|
|
|
|
interface IToastProps {
|
|
variant: "error" | "success";
|
|
children: React.ReactNode;
|
|
classNameContainer?: string;
|
|
classNameToast?: string;
|
|
}
|
|
|
|
function Toast({
|
|
variant,
|
|
children,
|
|
classNameContainer = "",
|
|
classNameToast = "",
|
|
}: IToastProps) {
|
|
return (
|
|
<div className={`${styles.container} ${classNameContainer}`}>
|
|
<div className={`${styles.toast} ${styles[variant]} ${classNameToast}`}>
|
|
{variant === "error" && <ErrorIcon />}
|
|
{variant === "success" && <div />}
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default Toast;
|