"use client" import * as React from "react" import { Check } from "lucide-react" import { Spinner } from "@/components/ui/spinner" import { Button } from "@/components/ui/button" import { motion, AnimatePresence } from "framer-motion" import { cn } from "@/lib/utils" interface ToastSaveProps extends React.HTMLAttributes { state: "initial" | "loading" | "success" onReset?: () => void onSave?: () => void loadingText?: string successText?: string initialText?: string resetText?: string saveText?: string } const InfoIcon = () => ( ) const springConfig = { type: "spring" as const, stiffness: 500, damping: 30, mass: 1, } export function ToastSave({ state = "initial", onReset, onSave, loadingText = "Saving", successText = "Changes Saved", initialText = "Unsaved changes", resetText = "Reset", saveText = "Save", className, ...props }: ToastSaveProps) { return (

{state === "loading" && ( <>

{loadingText}

)} {state === "success" && ( <>

{successText}

)} {state === "initial" && ( <>

{initialText}

)} {state === "initial" && ( )}

) }