1import Modal from "@tempoplatform/tpds/components/modal"
2import { Button } from '@tempoplatform/tpds/elements/buttons'
3
4
5export default function Page() {
6  const [error, setError] = React.useState(false)
7
8  const errorModal = (
9    <Modal
10      showOpen={error}
11      title="The request failed"
12      description="The server rejected the request"
13      content={
14        <div className="flex flex-col gap-y-4">
15          <PSmall className="leading-normal">
16            An error ocurred while submitting the form. Please review your data or contact support.
17          </PSmall>
18        </div>
19      }
20      options={[
21        {
22          label: 'Return to form',
23          variant: 'info',
24          callBack: () => {
25            setError(false)
26          },
27        },
28      ]}
29    />
30  )
31  
32  return (
33    <>
34      <Button variant="info" onClick={() => setShowModal(true)}>
35        Show modal
36      </Button>
37      <br />
38      {errorModal}
39    </>
40  )
41}