the-biergarten-app/web/frontend/app/components/ui/forms/SubmitButton.tsx

import { Button } from '@headlessui/react';

interface SubmitButtonProps {
    isSubmitting: boolean;
    idleText: string;
    submittingText: string;
    className?: string;
}

const SubmitButton = ({ isSubmitting, idleText, submittingText, className }: SubmitButtonProps) => {
    return (
        <Button
            type="submit"
            disabled={isSubmitting}
            className={className ?? 'btn btn-primary w-full mt-2'}
        >
            {isSubmitting ? (
                <>
                    <span className="loading loading-spinner loading-sm" /> {submittingText}
                </>
            ) : (
                idleText
            )}
        </Button>
    );
};

export default SubmitButton;