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


export const TextValue = styled.div<{ heading?: boolean; light?: boolean }>`
  display: inline-block;
  font-weight: 700;

  ${({ heading }) =>
    heading &&
    css`
      font-size: 28px;
      font-weight: 500;
    `}

  ${({ light }) =>
    light &&
    css`
      font-weight: 200;
    `}
`