import styled from 'styled-components'
import theme from 'theme'

const InputMessage = styled.div`
  color: ${props =>
    props.isParentError === true ? theme.colors.error : theme.colors.success};
  display: ${props => (props.hasParentMessage === true ? 'block' : 'none')};
  font-family: 'GTCinetype-Bold';
  font-size: ${theme.fontSizes.m};
  margin-top: 10px;
`

export default InputMessage
