import { __ } from "@wordpress/i18n";
import { Lock } from "lucide-react";

const ProOnlyMessage = () => {
  return (
    <div className="arraysubs-pro-only-message">
      <div className="arraysubs-pro-only-message__icon">
        <Lock size={48} />
      </div>
      <h2 className="arraysubs-pro-only-message__title">
        {__("Pro Feature", "arraysubs")}
      </h2>
      <p className="arraysubs-pro-only-message__description">
        {__(
          "This feature is available exclusively with ArraySubs Pro. Upgrade to unlock advanced audit logging, scheduled-job monitoring, and more.",
          "arraysubs",
        )}
      </p>
    </div>
  );
};

export default ProOnlyMessage;
