Success Toast Notification

"use client";

import React from "react";


export default function Example() {
    return (
        <div className="bg-white flex items-center space-x-3 p-3 text-sm rounded border border-gray-300/60">
            <h3 className="text-gray-700 font-medium pr-5">Discussion archived</h3>
            <button type="button" className="text-indigo-500 font-medium active:scale-95 transition">Undo</button>
            <button type="button" aria-label="close" className="inline-flex active:scale-95 transition">
                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <rect y="12.532" width="17.498" height="2.1" rx="1.05" transform="rotate(-45.74 0 12.532)" fill="#7d838b" fillOpacity=".7"/>
                    <rect x="12.531" y="13.914" width="17.498" height="2.1" rx="1.05" transform="rotate(-135.74 12.531 13.914)" fill="#7d838b" fillOpacity=".7"/>
                </svg>
            </button>
        </div>
    );
};