Added beta tag in email (#4098)

#4040 added beta tag
This commit is contained in:
Jeet Desai
2024-02-21 21:39:36 +05:30
committed by GitHub
parent 161d02620a
commit 15510c9fbe
9 changed files with 26 additions and 18 deletions

View File

@ -0,0 +1,26 @@
import styled from '@emotion/styled';
type PillProps = {
className?: string;
label?: string;
};
const StyledPill = styled.span`
align-items: center;
background: ${({ theme }) => theme.background.transparent.light};
border-radius: ${({ theme }) => theme.border.radius.pill};
color: ${({ theme }) => theme.font.color.light};
display: inline-block;
font-size: ${({ theme }) => theme.font.size.xs};
font-style: normal;
font-weight: ${({ theme }) => theme.font.weight.medium};
gap: ${({ theme }) => theme.spacing(2)};
height: ${({ theme }) => theme.spacing(4)};
justify-content: flex-end;
line-height: ${({ theme }) => theme.text.lineHeight.lg};
padding: ${({ theme }) => `0 ${theme.spacing(2)}`};
`;
export const Pill = ({ className, label }: PillProps) => (
<StyledPill className={className}>{label}</StyledPill>
);