import React from "react";
import Card from "../ui/Card";
import Button from "../ui/Button";
import { LuPlus } from "react-icons/lu";

export default function FtpEmptyStateCard({ provisioning, onProvision }) {
  return (
    <Card className="space-y-3" padding="lg">
      <h2 className="font-semibold text-black dark:text-white">اکانت ساخته نشده</h2>
      <p className="text-sm opacity-90 text-black/80 dark:text-white/80">
        هنوز برای شما اکانت SFTP ساخته نشده. با دکمه زیر ایجاد کنید.
      </p>

      <Button
        type="button"
        variant="soft"
        size="lg"
        onClick={onProvision}
        loading={provisioning}
        leftIcon={<LuPlus className="w-4 h-4" />}
        className="!bg-[#43BEFF]/20 hover:!bg-[#43BEFF]/30"
      >
        {provisioning ? "درحال ساخت..." : "ساخت اکانت"}
      </Button>
    </Card>
  );
}
