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 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;
|