import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Section } from "../grid";
import Input from "../input";
import Space from "../space";
export const DevParams = ({ bridgeAddress, amount, bridgeAddressError, dest, polkadotAddress, polkadotAddressError, resourceId, spender, spenderError, tokenAddress, tokenAddressError, setAmount, setBridgeAddress, setDest, setPolkadotAddress, setResourceId, setSpender, setTokenAddress, }) => {
    return (_jsxs(Section, { style: { background: "#e3e8ec" }, children: [_jsx(Input, { width: "460px", error: tokenAddressError, title: "Token address", onChange: setTokenAddress, value: tokenAddress }), _jsx(Space, { height: 16 }), _jsx(Input, { width: "460px", error: bridgeAddressError, title: "Bridge address", onChange: setBridgeAddress, value: bridgeAddress }), _jsx(Space, { height: 16 }), _jsx(Input, { width: "460px", error: spenderError, title: "Spender", onChange: setSpender, value: spender }), _jsx(Space, { height: 16 }), _jsx(Input, { width: "200px", title: "dest", onChange: setDest, value: dest }), _jsx(Space, { height: 16 }), _jsx(Input, { width: "740px", title: "Resource ID", onChange: setResourceId, value: resourceId }), _jsx(Space, { height: 16 }), _jsx(Input, { width: "540px", error: polkadotAddressError, title: "Polkadot address", onChange: setPolkadotAddress, value: polkadotAddress }), _jsx(Space, { height: 16 }), _jsx(Input, { width: "200px", title: "Amount", onChange: setAmount, value: amount })] }));
};
//# sourceMappingURL=dev.js.map