'use client';import { a as a$1 } from './chunk-F2KWYQOD.js';
import { a as a$2 } from './chunk-R4RZ52XM.js';
import { a } from './chunk-UKJSEI2I.js';
import { TooltipGreyIcon } from '@onbeam/icons';
import { forwardRef, useState } from 'react';
import { jsx, jsxs } from 'react/jsx-runtime';

var p=forwardRef(({value:r,onChange:m,...d},f)=>{let[c,u]=useState(""),i=e=>{u(e);let t=Number.parseInt(e)*60;Number.isNaN(t)||t<=0||m(t);};return jsx(a,{ref:f,value:c,onChange:e=>i(e.currentTarget.value),onBlur:()=>i(String(r/60)),placeholder:String(r/60),inputMode:"numeric",size:"sm",rightAddon:"minutes",label:jsxs(a$1,{children:[jsx("span",{children:"transaction deadline"}),jsx(a$2,{width:250,label:"your transaction will revert if it is pending for more than this amount of minutes",children:jsx(TooltipGreyIcon,{height:16,width:16})})]}),...d})});p.displayName="TransactionDeadlineSettings";

export { p as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-BWIIKDDX.js.map