import React from "react";

/**
 * Secret content — plain React Component.
 *
 * The Vite plugin 'cryptoLockerPlugin' automatically encrypts
 * this module's source code during build/dev. In the build artifacts,
 * there will be only an AES-encrypted string.
 *
 * Test password (in .env): my-super-secret-password
 */
export default function SecretComponent() {
  return (
    <div className="secret-content" style={{ marginTop: "1rem" }}>
      <div className="secret-content__badge" style={{ color: "green", fontWeight: "bold" }}>
        Decrypted ✓
      </div>
      <p className="secret-content__message" style={{ fontSize: "1.2rem", marginTop: "0.5rem" }}>
        Success from a React Component!
      </p>
      <ul style={{ marginTop: "1rem", textAlign: "left", display: "inline-block", color: "#555" }}>
        <li>🔐 Encrypted at build time</li>
        <li>🛡️ Decrypted and evaluated at runtime</li>
        <li>🚀 Fully functional React component</li>
      </ul>
    </div>
  );
}
