import React, { useState } from 'react'
import styled from 'styled-components'
// import SearchInput from 'components/SearchInput'
import SwiperCore, { Keyboard, Mousewheel, Pagination } from 'swiper'
import { Swiper, SwiperSlide } from 'swiper/react'
import { Card, Button, Text, Flex, Image } from '@pancakeswap/uikit'

export default function FlexText({ name, value }) {
  return (
    <Flex justifyContent="flex-end" alignItems="center" marginTop="12px" padding="0 21px">
      <Text color="#6B6472" fontSize="14px">
        {name}：
      </Text>
      <Text color="#1FC7D4" fontSize="14px">
        {value}
      </Text>
    </Flex>
  )
}