24 lines
513 B
TypeScript
24 lines
513 B
TypeScript
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
|