'use client';

export default function MigrationBanner({ onSetup, onDismiss }) {
  return (
    <div className="project-album-migration-banner" role="status">
      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
        <rect x="3" y="7" width="10" height="7" rx="1.5" />
        <path d="M5 7V5a3 3 0 0 1 6 0v2" />
      </svg>
      <p>You had privacy blur enabled. Set a passphrase to protect individual artifacts, or dismiss to skip.</p>
      <div className="project-album-migration-actions">
        <button type="button" className="project-album-migration-cta" onClick={onSetup}>Set up passphrase</button>
        <button type="button" className="project-album-migration-dismiss" onClick={onDismiss}>Dismiss</button>
      </div>
    </div>
  );
}
