import { useContext } from '@lynx-js/react';
import { formContext } from './Form.jsx';
export const SubmitButton = ({ children, bindtap, disableOnSubmit, disabledClassName, className, ...props }) => {
    const form = useContext(formContext);
    return (<view className={disableOnSubmit && form.isSubmitting && disabledClassName
            ? `${className} ${disabledClassName}`
            : className} bindtap={(e) => {
            if (disableOnSubmit && form.isSubmitting)
                return;
            form.handleSubmit();
            bindtap?.(e);
        }} {...props}>
      {typeof children === 'string' ? <text>{children}</text> : children}
    </view>);
};