frontend/src/components/ui/EmptyState.jsx

import "./EmptyState.css";

export function EmptyState({ icon = null, title, description, action = null }) {
    return (
        <div className="dw-empty">
            {icon && <div className="dw-empty__icon">{icon}</div>}
            <h3 className="dw-empty__title">{title}</h3>
            {description && <p className="dw-empty__description">{description}</p>}
            {action && <div className="dw-empty__action">{action}</div>}
        </div>
    );
}