import React from 'react';

const AutomationsPopup = ({ automations, onClose }) => {
    return (
        <div className="fixed inset-0 bg-black bg-opacity-50 flex justify-center items-center">
            <div className="bg-white p-4 rounded-lg w-full max-w-lg">
                <button onClick={onClose} className="float-right">Close</button>
                <h2>Automations</h2>
                <ul>
                    {automations.map((automation, index) => (
                        <li key={index}>{automation}</li>
                    ))}
                </ul>
            </div>
        </div>
    );
};

export default AutomationsPopup;