```jsx
const Component = () => {
    const [value, setValue] = React.useState("123456789");
    return (
        <div
            style={{
                padding: "20px",
                display: "grid",
                gridTemplateColumns: "1fr 1fr",
                gridGap: "20px",
            }}
        >
            <CurrencyInput
                currencyLogo="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"
                currencySymbol="USDC"
                placeholder="Enter Amount"
            />

            <CurrencyInput
                currencyLogo="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"
                currencySymbol="USDC"
                placeholder="Enter Amount"
                onMax={() => setValue("1000")}
            />

            <CurrencyInput
                currencyLogo="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"
                currencySymbol="USDC"
                label="Top-up amount"
                subLabels={["USD Coin", "(~$300)"]}
                value={value}
                onChange={setValue}
            />
            <CurrencyInput
                currencyLogo="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"
                currencySymbol="USDC"
                label="Top-up amount"
                subLabels={["USD Coin", "(~$300)"]}
                error="Not enough balance"
                value={value}
                onChange={setValue}
                onMax={() => setValue("1000")}
            />
            <CurrencyInput
                currencyLogo="https://raw.githubusercontent.com/trustwallet/assets/master/blockchains/ethereum/assets/0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48/logo.png"
                currencySymbol="USDC"
                label="Top-up amount"
                subLabels={["USD Coin", "(~$300)"]}
                value="300"
                error="Not enough balance"
                onMax={() => undefined}
                disabled
            />
        </div>
    );
};

<Component />;
```
