Tola Leng
49 lines
1.0 KiB
TypeScript
49 lines
1.0 KiB
TypeScript
|
|
import { Button } from "@/components/ui/button";
|
|
import { Loader2 } from "lucide-react";
|
|
import { MouseEvent } from "react";
|
|
|
|
interface ServiceFormActionsProps {
|
|
isSubmitting: boolean;
|
|
onCancel: () => void;
|
|
submitLabel?: string;
|
|
}
|
|
|
|
export function ServiceFormActions({
|
|
isSubmitting,
|
|
onCancel,
|
|
submitLabel = "Create Service"
|
|
}: ServiceFormActionsProps) {
|
|
const handleCancel = (e: MouseEvent<HTMLButtonElement>) => {
|
|
e.preventDefault();
|
|
if (!isSubmitting) {
|
|
onCancel();
|
|
}
|
|
};
|
|
|
|
return (
|
|
<div className="flex justify-end gap-3 pt-2">
|
|
<Button
|
|
type="button"
|
|
onClick={handleCancel}
|
|
variant="outline"
|
|
disabled={isSubmitting}
|
|
>
|
|
Cancel
|
|
</Button>
|
|
<Button
|
|
type="submit"
|
|
disabled={isSubmitting}
|
|
>
|
|
{isSubmitting ? (
|
|
<>
|
|
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
|
|
Processing...
|
|
</>
|
|
) : (
|
|
submitLabel
|
|
)}
|
|
</Button>
|
|
</div>
|
|
);
|
|
} |