Aegis

import * as React from 'react'
import { AegisSwapWidget, AEGIS_SWAP_MARKETS } from 'aegis-swap-widget'
import 'aegis-swap-widget/styles.css'

const pools = [
  AEGIS_SWAP_MARKETS.WATER_USDC,
  AEGIS_SWAP_MARKETS.WOOD_USDC,
  AEGIS_SWAP_MARKETS.GRASS_USDC,
  AEGIS_SWAP_MARKETS.STONE_USDC,
]

export function Swap() {
  const [executionDetailsOpen, setExecutionDetailsOpen] = React.useState(false)

  return (
    <AegisSwapWidget
      pools={pools}
      defaultPoolId="WATER_USDC"
      theme="dark"
      accentColor="#31d48a"
      executionDetailsOpen={executionDetailsOpen}
      onExecutionDetailsOpenChange={setExecutionDetailsOpen}
    />
  )
}