text: import React, { useState } from 'react'
  import { storiesOf } from '@storybook/react'
  import Modal from './index'
  import { action } from '@storybook/addon-actions'
  
  const PageToOpenModalNoReseizable = () => {
    const [isOpen, setIsOpen] = useState(false)
  
    const handleOpenModal = () => {
      setIsOpen(true)
    }
  
    const handleCloseModal = () => {
      setIsOpen(false)
    }
  
    const handleFooter = () => (
      <div>
        <button type="button" onClick={action('Button 1 Clciked')}>
          Button 1
        </button>
        <button type="button" onClick={action('Button 2 Clciked')}>
          Button 2
        </button>
      </div>
    )
  
    return (
      <div>
        <button type="button" onClick={handleOpenModal}>
          Open Modal
        </button>
        <Modal
          isOpen={isOpen}
          onCloseModal={handleCloseModal}
          title={'Modal Example'}
          footer={handleFooter()}
        >
          <p>
            Sed ut perspiciatis unde omnis iste natus error sit voluptatem
            accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae
            ab illo inventore veritatis et quasi architecto beatae vitae dicta
            sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit,
            aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
            eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est,
            qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit,
            sed quia non numquam eius modi tempora incidunt, ut labore et dolore
            magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis
            nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut
            aliquid ex ea commodi consequatur? Quis autem vel eum iure
            reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae
            consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla
            pariatur? [33] At vero eos et accusamus et iusto odio dignissimos
            ducimus, qui blanditiis praesentium voluptatum deleniti atque
            corrupti, quos dolores et quas molestias excepturi sint, obcaecati
            cupiditate non provident, similique sunt in culpa, qui officia
            deserunt mollitia animi, id est laborum et dolorum fuga. Et harum
            quidem rerum facilis est et expedita distinctio. Nam libero tempore,
            cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus
            id, quod maxime placeat, facere possimus, omnis voluptas assumenda
            est, omnis dolor repellendus. Temporibus autem quibusdam et aut
            officiis debitis aut rerum necessitatibus saepe eveniet, ut et
            voluptates repudiandae sint et molestiae non recusandae. Itaque earum
            rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus
            maiores alias consequatur aut perferendis doloribus asperiores
            repellat.
          </p>
        </Modal>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
        <p>
          Sed ut perspiciatis unde omnis iste natus error sit voluptatem
          accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab
          illo inventore veritatis et quasi architecto beatae vitae dicta sunt,
          explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut
          odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione
          voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum,
          quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam
          eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat
          voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam
          corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
          Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse,
          quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo
          voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio
          dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti
          atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati
          cupiditate non provident, similique sunt in culpa, qui officia deserunt
          mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum
          facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis
          est eligendi optio, cumque nihil impedit, quo minus id, quod maxime
          placeat, facere possimus, omnis voluptas assumenda est, omnis dolor
          repellendus. Temporibus autem quibusdam et aut officiis debitis aut
          rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et
          molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
          delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
          perferendis doloribus asperiores repellat.
        </p>
      </div>
    )
  }
  
  storiesOf('Modal', module).add('Open Modal no reseizable', () => (
    <PageToOpenModalNoReseizable />
  ))
  