import styled from '@emotion/styled';

import {
  InputReset,
  InputDefaults,
  InputFocus,
  ErrorState
} from 'components/fields/fields.styles';

export const InputElement: any = styled.input`
  ${InputDefaults}
  ${InputReset}
  ${InputFocus}
  ${(props: any): any => props.error && ErrorState}
  ::placeholder {
    opacity: 1;
  }
`;