import React from "react"
import { Button, ButtonGroup } from "react-bootstrap"
import { NETWORKS } from "@swan-bitcoin/xpub-lib"

const SUPPORTED_NETWORKS = [NETWORKS.MAINNET, NETWORKS.TESTNET]

const NetworkSwitcher = ({ network, onClick }) => {
  return (
    <ButtonGroup size="lg" className="mb-2">
      {SUPPORTED_NETWORKS.map(net => {
        return (
          <Button
            key={net}
            value={net}
            variant={net === network ? "secondary" : "outline-secondary"}
            size="sm"
            onClick={onClick}
          >
            {net}
          </Button>
        )
      })}
    </ButtonGroup>
  )
}

export { NetworkSwitcher }