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

export const footer = (palette: Colors) => {
	return css`
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: ${palette.color15};
		font-size: 16rem;
		margin-top: 24px;
	`;
};

export const errorMessage = (palette: Colors) => {
	return css`
		color: ${palette.color8};
	`;
};