All files / src/components/common/Tag ComingSoonTag.tsx

50% Statements 2/4
100% Branches 0/0
0% Functions 0/2
66.66% Lines 2/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30        6x                           6x                      
import { Text } from "@common/Text"
import { Box, styled } from "@mui/material"
import { palette } from "@palette"
 
const ComingSoonTag = () => {
  return (
    <TagContainer>
      <Text
        color={palette.filled.blue}
        variant="caption"
        lineHeight="14.4px"
      >
        Coming&nbsp;soon
      </Text>
    </TagContainer>
  )
}
 
const TagContainer = styled(Box)(() => ({
  borderRadius: "4px",
  background: palette.info.light,
  height: "22px",
  padding: "2px 8px",
  display: "flex",
  alignItems: "center",
  justifyContent: "center",
}))
 
export default ComingSoonTag;