import React from 'react'
import styled from 'styled-components'
import { Flex } from '@pancakeswap/uikit'

interface TextProps {
  color: string
  text?: string
}

const MainDiv = styled(Flex)`
  box-sizing: border-box;
  padding: 14px 36px;
  border-radius: 10px;
  margin-bottom: 15px;
  color: #2f2e41;
  font-size: 14px;
  justify-content: center;
`

const TextFlex: React.FC<TextProps> = ({ color, text = '' }) => {
  return <MainDiv style={{ background: color }}>{text}</MainDiv>
}
export default TextFlex
