ReadOnlyBanner.jsx (452B)
1 import { formatLockExpiry, STR } from '../lib/strings.js'; 2 3 export default function ReadOnlyBanner({ message, lockExpiresAt, variant = 'info' }) { 4 const expiry = formatLockExpiry(lockExpiresAt); 5 6 return ( 7 <div className={`alert-banner alert-banner--${variant}`} role="status"> 8 <p>{message}</p> 9 {expiry && ( 10 <p className="alert-banner__meta"> 11 {STR.LOCK_EXPIRES_AT}: {expiry} 12 </p> 13 )} 14 </div> 15 ); 16 }