import { Info } from 'lucide-react';
import styles from '../AppDeploymentPage.module.css';

export function LiveBanner() {
  return (
    <div className={styles.liveBanner}>
      <Info size={14} />
      <span>
        <strong>Live controls.</strong> Changes apply immediately to running agents and do
        not participate in the Save/Redeploy cycle.
      </span>
    </div>
  );
}
