Pixelact Toast

1import { toast as sonnerToast } from "sonner";
2import "@/components/ui/pixelact-ui/styles/styles.css";
3 
4export function toast(toast: string) {
5  return sonnerToast.custom((id) => <Toast id={id} title={toast} />);
6}
7 
8interface ToastProps {
9  id: string | number;
10  title: string;
11}
12 
13function Toast(props: ToastProps) {
14  const { title } = props;
15 
16  return (
17    <div className="flex items-center shadow-(--pixel-box-shadow) box-shadow-margin bg-background w-full md:max-w-[364px] p-4">
18      <p className="text-sm text-foreground pixel-font">{title}</p>
19    </div>
20  );
21}
22 
23export { Toast };