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 31 32 33 34 | 1x 3x 3x | // @flow
import type { Palette, Theme } from "@bluframe/blublocks"
import styled, { type StyledComponent } from "styled-components"
export const Wrapper: StyledComponent<
{| +color: $Keys<Palette> |},
Theme,
HTMLElement
> = styled.span`
align-items: center;
background-color: ${({
theme,
color
}: {
color: $Keys<Palette>,
theme: Theme
}): string => theme.palette[color].main};
border-radius: 10px;
color: ${({
theme,
color
}: {
color: $Keys<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;
`
|