import { useState } from "react";
import { XCircleIcon, ExclamationTriangleIcon } from '@heroicons/react/20/solid';

const DeprecationNotice = () => {
    const [visible, setVisible] = useState(true);
    if (!visible) return null;

    return (
        <div className="wmx-border wmx-mt-3 wmx-mr-3 wmx-font-bold wmx-border-[#F8DD8F] wmx-rounded-md wmx-px-3 wmx-py-2 wmx-text-sm wmx-bg-gray-50 wmx-text-gray-800">
            The Badge feature has been removed from this plugin. Try our new plugin: <a href="https://wordpress.org/plugins/custom-product-badge-for-woocommerce/" target="_blank" rel="noopener noreferrer" className="wmx-font-bold wmx-text-primary hover:underline">Better Badge – Customizable Product Badges (Advanced Product Labels) for WooCommerce </a>
        </div>
    );
};

export default DeprecationNotice;
