<reponame>SocialGouv/recosante<filename>frontend/src/components/base/ContactPrompt.js<gh_stars>0import React, { useContext } from "react";
import styled from "styled-components";

import MagicLink from "components/base/MagicLink";
import UXContext from "utils/UXContext";

const Text = styled.p``;
const Title = styled.h3``;
const StyledLink = styled.button`
  display: inline;
  margin: 0;
  padding: 0;
  color: ${(props) => props.theme.colors.main};
  text-decoration: underline;
  background: transparent;
  border: none;
  cursor: pointer;
`;
export default function ContactPrompt(props) {
  const { toggleEmbedOpen } = useContext(UXContext);

  return false ? (
    <>
      {!props.configurator && !props.contact && (
        <>
          <Title>
            Comment intégrer ces données à mon site ou application ?
          </Title>
          <Text>
            <strong>Vous souhaitez afficher Recosanté sur votre site ?</strong>
            <br />
            Personnalisez le et intégrez le facilement grace à{" "}
            <StyledLink
              onClick={() => {
                toggleEmbedOpen();
              }}
            >
              notre configurateur
            </StyledLink>
            .
          </Text>
        </>
      )}
      <Text>
        <strong>
          Vous souhaitez réutiliser les données brutes ou obtenir de l'aide pour
          intégrer Recosanté ?
        </strong>
        <br />
        Contactez nous à{" "}
        <MagicLink to="mailto:dycjh@example.com">
          dycjh@example.com
        </MagicLink>{" "}
        pour bénéficier de notre expertise et accompagnement.
      </Text>
      {!props.contact && (
        <Text>
          <strong>Vous souhaitez réutiliser le code de Recosanté ?</strong>
          <br />
          Recosanté est développé de manière ouverte (open source). L’ensemble
          du code est{" "}
          <MagicLink to={process.env.GATSBY_REPOSITORY_URL}>
            disponible librement
          </MagicLink>
          .
        </Text>
      )}
    </>
  ) : null;
}
