import React from 'react'
import { t } from '@/lib/i18n'

export function ConnectRequiredCard(params: { message: string; onConnect: () => void }): React.ReactElement {
  return (
    <div className="border border-neon-cyan/30 rounded-lg p-4 bg-cyber-dark">
      <p className="text-cyber-accent mb-4">{params.message}</p>
      <button
        onClick={params.onConnect}
        className="px-4 py-2 bg-neon-green/20 hover:bg-neon-green/30 text-neon-green rounded-lg font-medium transition-all border border-neon-green/50"
      >
        {t('connect.connect')}
      </button>
    </div>
  )
}
