import { FC } from "react"
import { DialogComponent } from "../common/dialog"
import { Trash } from "iconsax-react"
import { Button } from "@headlessui/react"

type Props = {
    isOpen: boolean,
    close: () => void
}

export const DeleteCardDialog: FC<Props> = ({ isOpen, close }) => {
    return (
        <DialogComponent isOpen={isOpen} close={close} title="حذف حساب بانکی" subTitle="از حذف حساب بانکی مربوطه اطمینان دارید؟" icon={<Trash color="#11212D" className="size-[50px]" />}>
            <div className="flex flex-col gap-[6px] mt-10">
                <Button className="w-full bg-primary-color text-white">حذف</Button>
                <Button onClick={close} className="w-full bg-transparent text-primary-color">لغو</Button>
            </div>
        </DialogComponent>
    )
}