import React from "react";
import Card from "../ui/Card";
import Button from "../ui/Button";

export default function FtpServerNotConfiguredCard({ onCopyErrorText, onHelp }) {
  return (
    <Card className="space-y-3 !border-yellow-500/30 !bg-yellow-500/10" padding="lg">
      <h2 className="font-semibold text-black dark:text-white">سرور SFTPGo فعال نیست</h2>
      <p className="text-sm opacity-90 text-black/80 dark:text-white/80">
        هیچ سرور فعالی برای ساخت اکانت SFTP تنظیم نشده است.
      </p>

      <div className="flex flex-wrap gap-2">
        <Button type="button" variant="outline" size="lg" onClick={onHelp}>
          راهنما
        </Button>

        <Button type="button" variant="outline" size="lg" onClick={onCopyErrorText}>
          کپی متن خطا برای ادمین
        </Button>
      </div>
    </Card>
  );
}
