import { useTranslate } from 'i18n-calypso';
import { FunctionComponent } from 'react';
import ServerCredentialsForm from 'calypso/components/jetpack/server-credentials-form';

const Form: FunctionComponent = () => {
	const translate = useTranslate();

	return (
		<div className="credentials__form">
			<h1>{ translate( 'Provide your SSH, SFTP or FTP server credentials' ) }</h1>
			<ServerCredentialsForm role="form" />
		</div>
	);
};

export default Form;
