import React from 'react'
import { Button } from "@/app/components/shadcn-ui/Default-Ui/button";
import { useToast } from "@/hooks/use-toast";

const TitleToastCode = () => {
  const { toast } = useToast();
  return (
    <>
    <div className='mt-4'>
      <Button
          variant="outline"
          onClick={() => {
            toast({
              title: "Uh oh! Something went wrong.",
              description: "There was a problem with your request.",
            });
          }}
        >
          Show Toast
        </Button>
    </div>
    </>
  )
}

export default TitleToastCode

import React from 'react'
import { useToast } from "@/hooks/use-toast";
import { Button } from "@/app/components/shadcn-ui/Default-Ui/button";
import { ToastAction } from "@/app/components/shadcn-ui/Default-Ui/toast";

const ActionToastCode = () => {
  const { toast } = useToast();
  return (
    <>
    <div className="mt-4">
      <Button
          variant="outline"
          onClick={() => {
            toast({
              title: "Uh oh! Something went wrong.",
              description: "There was a problem with your request.",
              action: <ToastAction altText="Try again">Try again</ToastAction>,
            });
          }}
        >
          Show Toast
        </Button>
    </div>
    </>
  )
}

export default ActionToastCode

import React from 'react'
import { useToast } from "@/hooks/use-toast";
import { Button } from "@/app/components/shadcn-ui/Default-Ui/button";
import { ToastAction } from "@/app/components/shadcn-ui/Default-Ui/toast";

const DestrictiveToastCode = () => {
   const { toast } = useToast();
  return (
    <>
    <div className="mt-4">
      <Button
          variant="outline"
          onClick={() => {
            toast({
              variant: "destructive",
              title: "Uh oh! Something went wrong.",
              description: "There was a problem with your request.",
              action: <ToastAction altText="Try again">Try again</ToastAction>,
            });
          }}
        >
          Show Toast
        </Button>
    </div>
    </>
  )
}

export default DestrictiveToastCode