@procraft/widget-order/src/components/Typography/styles.ts

Order widget for landing

import styled, { css } from 'styled-components'

export type TypographyStyledProps = {
  variant?: 'grey' | 'grey-sm'
}

export const TypographyStyled = styled.p<TypographyStyledProps>`
  ${({ variant }) => {
    switch (variant) {
      case 'grey':
        return css`
          color: #1d3247;
        `
      case 'grey-sm':
        return css`
          color: #1d3247;
          font-size: 80%;
        `

      default:
    }
  }};
`