"use client"
import React from "react"
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog"
import { Button } from "@/components/ui/button"
import { AddStaffMain } from "./AddStaffMain"
import { useTranslations } from "next-intl"

interface AddStaffModalProps {
  open: boolean
  setOpen: (open: boolean) => void
  openWorkingHours: () => void
  workingHours?: any[]
}

export default function AddStaffModal({ open, setOpen, openWorkingHours, workingHours }: AddStaffModalProps) {
  const t = useTranslations()

  return (
    <Dialog open={open} onOpenChange={setOpen}>
      <DialogContent  className="sm:min-w-[400px] md:min-w-[760px] bg-white border-0 max-h-[90vh] overflow-y-hidden [&>button]:top-5 [&>button]:right-5 [&>button]:text-white [&>button]:hover:text-gray-200 [&>button>svg]:stroke-[4px]">
        <DialogHeader className="bg-primary-gradient  -m-6 mb-0 px-6 py-3 rounded-t-lg">
          <DialogTitle className="text-white text-lg font-medium">{t("staff.modals.addStaff")}</DialogTitle>
        </DialogHeader>

        <div className="px-6 py-4 overflow-y-auto max-h-[70vh]">
          <AddStaffMain
            onSuccess={() => setOpen(false)}
            onCancel={() => setOpen(false)}
            onOpenWorkingHours={openWorkingHours}
            workingHours={workingHours}
          />
        </div>
      </DialogContent>
    </Dialog>
  )
}