snow-editor

small markdown and org-mode editor
Log | Files | Refs | README

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 }