import React from 'react';
import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
import { VStack, Heading, Select } from "@chakra-ui/react";
import { useEndpoint } from "@strata-foundation/react";
export const NetworkSelect = () => {
    const { cluster, setClusterOrEndpoint } = useEndpoint();
    return (React.createElement(VStack, { mb: 8, align: "start" },
        React.createElement(Heading, { size: "md" }, "Network"),
        React.createElement(Select, { value: cluster, onChange: (e) => setClusterOrEndpoint(e.target.value) },
            React.createElement("option", { value: WalletAdapterNetwork.Devnet }, "Devnet"),
            React.createElement("option", { value: WalletAdapterNetwork.Mainnet }, "Mainnet"),
            React.createElement("option", { value: "localnet" }, "Localnet"))));
};
//# sourceMappingURL=index.js.map