import React from 'react';
import { useTranslation } from 'react-i18next';

export const DeveloperInfo: React.VFC = () => {
	const {t} = useTranslation();
	return (
		<>
			<h1><i className="bi-question-circle"></i> {t('_developerInfo.title')}</h1>
			<p>{t('_developerInfo.description')}</p>
			<div className="menu large">
				<a className="item" href="http://groundpolis.app/@Lutica" target="_blank" rel="noopener noreferrer">
					<i className="icon bi-at"></i>
					Lutica@groundpolis.app
				</a>
				<a className="item" href="http://misskey.io/@ebi" target="_blank" rel="noopener noreferrer">
					<i className="icon bi-at"></i>
					ebi@misskey.io
				</a>
				<a className="item" href="http://twitter.com/@adxlw" target="_blank" rel="noopener noreferrer">
					<i className="icon bi-at"></i>
					adxlw@twitter.com
				</a>
			</div>
		</>
	);
};