import React from 'react';
import styled from 'styled-components';

export interface FormFeedbackProps {
  className?: string;
  message: string;
}

const StyledFormfeedback = styled.div`
  position: absolute;
  top: 40px;
  font-size: 0.75rem;
  
  &.error {
    color: ${props => props.theme.default.colors.red};
  }
`;

export const FormFeedback: React.FC<FormFeedbackProps> = ({ className, message }) => (
  <StyledFormfeedback className={className}>{message}</StyledFormfeedback>
);