Toast

import { useState } from 'react';
import { Toast } from '@vrum/ui';
import { ToastTitle, ToastDescription, ToastClose } from '@vrum/ui';
import { ToastProvider, ToastViewport } from '@vrum/ui';

export default function Demo() {
  const [open, setOpen] = useState(false);

  return (
    <ToastProvider>
      <Toast
        open={open}
        variant={"success"}
        duration={4000}
        onOpenChange={setOpen}
      >
        <ToastTitle>Project updated</ToastTitle><ToastDescription>Your changes have been saved.</ToastDescription><ToastClose />
      </Toast>
      <ToastViewport />
    </ToastProvider>
  );
}