@proca/widget/src/components/eci/More.js

Proca is an open-source campaign toolkit designed to empower activists and organisations in their digital advocacy efforts. It provides a flexible and customisable platform for creating and managing online petitions, email campaigns, and other forms of di

import React, { useState } from "react";

import { Button } from "@material-ui/core";
import { useTranslation } from "./hooks/useEciTranslation";

import Dialog from "@components/Dialog";
import Details from "./Details";

export default function More() {
  const [open, setOpen] = useState(false);
  const { t } = useTranslation();

  return (
    <>
      <Dialog
        dialog={open}
        close={() => setOpen(false)}
        name={t("eci:common.head-title.home")}
      >
        <Details />
      </Dialog>
      <Button variant="contained" onClick={() => setOpen(true)}>
        {t("eci:common.more_info")}
      </Button>
    </>
  );
}