import styled from 'styled-components'; const StyledMessage = styled.div` border-radius: 3px; background-color: ${props => props.type === 'error' ? props.theme.warningBackgroundColor : 'transparent'}; font-size: ${props => props.theme.fontSize}px; color: ${props => props.theme.color}; font-family: ${props => props.theme.fontFamily}; padding: ${props => props.type === 'error' ? props.theme.mainPadding : '0'}px; word-break: break-all; `; export default StyledMessage;