import React from 'react'
import { Button, Card } from '@/components/ui'
import { t } from '@/lib/i18n'

export function ConnectRequiredCard(params: { message: string; onConnect: () => void }): React.ReactElement {
  return (
    <Card variant="default">
      <p className="text-cyber-accent mb-4">{params.message}</p>
      <Button variant="success" onClick={params.onConnect}>
        {t('connect.connect')}
      </Button>
    </Card>
  )
}
