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 | 1x 1x 3x 3x | import { Palette, Theme } from "styles/theme"
import styled from "styled-components"
export const Wrapper = styled.span`
align-items: center;
background-color: ${({
theme,
color
}: {
color: keyof Palette
theme: Theme
}): string => theme.palette[color].main};
border-radius: 10px;
color: ${({ theme, color }: { color: keyof Palette; theme: Theme }): string =>
theme.palette[color].contrast};
display: flex;
flex-wrap: wrap;
font-size: 14px;
justify-content: center;
line-height: 1;
padding: 4px 8px;
`
|