Select

import { useState } from 'react'
import { Select, Token } from 'regen-ui'

const assetItems = [
  {
    label: 'pathUSD',
    prefix: (
      <Token
        address="0x20c0000000000000000000000000000000000000"
        chainId={4217}
        size="small"
      />
    ),
    suffix: '1,240.50',
    value: 'pathusd',
  },
  {
    label: 'USDC.e',
    prefix: (
      <Token
        address="0x20c000000000000000000000b9537d11c60e8b50"
        chainId={4217}
        size="small"
      />
    ),
    suffix: '845.00',
    value: 'usdce',
  },
]

export function AssetSelect() {
  const [value, setValue] = useState('pathusd')

  return <Select items={assetItems} onChange={setValue} value={value} />
}