import styled from "styled-components";

const HelperText = styled.p`
  margin: 4px 0 0;
  font-size: 0.75rem;
  color: ${({ theme, error }) => (error ? theme?.colors?.errorColor : theme?.colors?.colorText)};
  line-height: 1.5;
  font-family: "GilroyR";
  text-align: left;
`;

export default HelperText;