import styled from 'styled-components' ; import PropTypes from 'prop-types' ; import { space } from 'design/system' ; const LabelInput = styled . label `
  color: ${ props => props . hasError ? props . theme . colors . error . main : props . theme . colors . light };
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  ${ space }
` ; LabelInput . propTypes = { hasError : PropTypes . bool , } ; LabelInput . defaultProps = { hasError : false , fontSize : 0 , mb : 1 , } ; LabelInput . displayName = 'LabelInput' ; export default LabelInput ;