import React from 'react';
import { Lock } from 'lucide-react';
import './LockScreen.css';

interface LockScreenProps {
  message?: string;
}

export const LockScreen: React.FC<LockScreenProps> = ({ message = "Voting oder Zählung noch nicht abgeschlossen" }) => {
  return (
    <div className="lock-screen panel">
      <div className="lock-icon-container">
        <Lock size={48} className="lock-icon" />
      </div>
      <h2 className="lock-title">Derzeit Gesperrt</h2>
      <p className="lock-message">{message}</p>
    </div>
  );
};