import { styled } from 'styled-components';
import { Link } from 'react-router-dom';

const LoginInfo = () => {
	return (
		<LoginInfoBlock>
			<LoginInfoItem>- 관리자 승인된 계정으로 접속하실 수 있습니다.</LoginInfoItem>
			<LoginInfoItem>
				- 로그인 오류 및 비밀번호 재설정은 <Link to="mailto:admin@caliverse.co.kr">admin@caliverse.co.kr</Link>로 문의바랍니다.
			</LoginInfoItem>
		</LoginInfoBlock>
	);
};

export default LoginInfo;

const LoginInfoBlock = styled.ul`
	text-align: left;
	color: #8d8d8d;
`;

const LoginInfoItem = styled.li`
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	word-break: keep-all;
	padding-left: 10px;
	text-indent: -10px;
	a {
		color: #333;
		font-weight: 500;
		display: inline-block;
		word-break: break-all;
		border-radius: 0;
		text-indent: 0;
	}
`;
