interface ToastProps {
  message: string;
  type: 'success' | 'error';
  visible: boolean;
}

export function Toast({ message, type, visible }: ToastProps) {
  return (
    <div className={`toast ${type} ${visible ? 'show' : ''}`} id="toast" aria-live="polite">
      <span className="toast-icon">{type === 'success' ? '✅' : '⚠️'}</span>
      <span className="toast-message">{message}</span>
    </div>
  );
}
