import { styled } from 'styleh-components'
import { H2 } from 'atoms/Text'

const UserLabel = styled.withComponent(H2)`
  font-size: 1.5rem;
  color: #2c2c2c;
  text-transform: capitalize;
  margin: 0;
  font-weight: 500;

  @tablet-or-smaller() {
    font-size: 1.25rem;
  }
`

export { UserLabel }