PopinUsageSample.tsx

import React, { useState } from "react";
import ModalAnimated from "../components/modal/ModalAnimated";

interface Props {
  [key: string]: never;
}

const PopinUsageSample: React.FC<Props> = () => {
  const [active, setActive] = useState(false);

  return (
    <>
      <ModalAnimated active={active} onClose={() => setActive(false)}>
        Hello, world!
      </ModalAnimated>
      <button onClick={() => setActive(true)}>Open a popin</button>
    </>
  );
};

export default PopinUsageSample;