29 lines
743 B
TypeScript
29 lines
743 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { Toaster as Sonner } from "sonner";
|
||
|
|
import styles from "./SonnerToaster.module.css";
|
||
|
|
|
||
|
|
type ToasterProps = React.ComponentProps<typeof Sonner>;
|
||
|
|
|
||
|
|
export const SonnerToaster = ({ className, ...props }: ToasterProps) => {
|
||
|
|
return (
|
||
|
|
<Sonner
|
||
|
|
className={`${styles.toaster} ${className ?? ""}`}
|
||
|
|
toastOptions={{
|
||
|
|
unstyled: true,
|
||
|
|
classNames: {
|
||
|
|
toast: styles.toast,
|
||
|
|
content: styles.content,
|
||
|
|
title: styles.title,
|
||
|
|
actionButton: styles.actionButton,
|
||
|
|
cancelButton: styles.cancelButton,
|
||
|
|
closeButton: styles.closeButton,
|
||
|
|
description: styles.description,
|
||
|
|
icon: styles.icon,
|
||
|
|
},
|
||
|
|
}}
|
||
|
|
{...props}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
};
|