import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { formatEther, formatUnits } from 'viem';
import { Text } from 'ink';
export const GasEstimation = ({ gasEstimation, }) => {
    return (_jsxs(Text, { children: [_jsx(Text, { children: "(L1 Fee: " }), _jsxs(Text, { color: "green", children: [formatEther(gasEstimation.estimatedL1Fee), " ETH"] }), _jsx(Text, { children: ") + (L2 Gas: " }), _jsx(Text, { color: "yellow", children: gasEstimation.estimatedL2Gas.toString() }), _jsx(Text, { children: " gas \u00D7 L2 Gas Price: " }), _jsxs(Text, { color: "cyan", children: [formatUnits(gasEstimation.l2GasPrice, 9), " gwei"] }), _jsx(Text, { children: ") = " }), _jsxs(Text, { color: "green", bold: true, children: [formatEther(gasEstimation.totalFee), " ETH"] })] }));
};
