import React from 'react';

export const BackupRestoreHeader: React.FC = () => {
  const handleWheel = (e: React.WheelEvent) => {
    e.stopPropagation();
  };

  return (
    <div
      className="border-b border-border bg-secondary px-6"
      onWheel={handleWheel}
      style={{
        WebkitAppRegion: 'drag'
      } as React.CSSProperties}
    >
      <div className="flex items-center justify-center py-2">
        <h1
          className="text-base font-semibold text-foreground select-none"
          style={{
            WebkitAppRegion: 'no-drag'
          } as React.CSSProperties}
        >
          Backup / Restore
        </h1>
      </div>
    </div>
  );
};
