import { css } from 'emotion';
import { mediaQueries } from '../../../../../utils/styles';
import { Colors } from '../../../../../models/colors';

export const errorMessageStyle = (colorPalette: Colors) => {
	let errorMessageStyle = css`
		margin-left: 30px;
		color: ${colorPalette.color8};
		box-sizing: border-box;
		margin-top: 0;
		margin-bottom: 0;
		${mediaQueries.small(css`
			margin-left: 0;
		`)};
	`;
	return errorMessageStyle;
};