import React from 'react';

import Page from '../layouts/page';
import { ButtonLink } from '../uiComponents';
import Emoji from '../uiComponents/emoji';

const NewAPI = () => (
  <Page usePreFooter={false} title="Référencer une nouvelle API">
      <p className="layout-center">
        Vous êtes un ministère, une agence publique, une collectivité ?
        Complétez ce formulaire pour référencer une nouvelle API dans le
        catalogue api.gouv.fr
      </p>
      <div>
        <h2>A lire avant de commencer</h2>
        <p>
          Ce formulaire{' '}
          <b>ne crée pas automatiquement une fiche API dans le catalogue</b>. Il
          vous sert à prendre contact avec <a href="/equipe">notre équipe</a> et
          à nous transmettre tous les éléments nécessaires pour créer une fiche
          API.
        </p>
        <p>
          Pour référencer son API sur api.gouv, il faut préalablement avoir
          développé et documentée l'API <Emoji emoji="🙂" label="sourire" />
          Ensuite il faut se mettre à la place du futur lecteur. Sur la fiche
          API, le lecteur doit pouvoir trouver les informations suivantes :
        </p>
        <ul>
          <li>Qui propose cette API ? </li>
          <li>Qui a le droit de la consommer ?</li>
          <li>À quoi sert-elle ?</li>
          <li>
            Comment s'en sert-on ? (paramètre en entrée, limitations d'appels,
            plage horaire, ... )
          </li>
        </ul>
      </div>
      <div>
        <p>
          <b>Aucune information n'est obligatoire</b>. Si vous ne savez pas
          comment répondre, laissez le champ vide et soumettez votre demande.
        </p>
        <div className="layout-center">
          <ButtonLink
            href="https://startupdetat.typeform.com/to/Wq5CGU4M"
            target="_blank"
            rel="noopener noreferrer"
            size="large"
          >
            Remplir le formulaire
          </ButtonLink>
        </div>
      </div>
    </div>
  </Page>
);

export default NewAPI;
    <div className="text-wrapper text-style">
      <h1 className="layout-center">Référencer une nouvelle API</h1>