Modals

import { useState } from 'react';
import { Box, Button, Modal, ModalProps } from '@arctic-kit/snow';

function Demo() {
  const [open, setOpen] = useState(false);
  const toggleModal = () => {
    setOpen(!open);
  };
  return (
    <Box sx={{ display: 'flex' }}>
      <Button onClick={toggleModal}>Open Modal</Button>
      <Modal
        title="Drawer Title" titleFooter="Title Footer section" size="medium" cancelLabel="Cancel" actionLabel="Save" actionSize="medium"
        open={open}
        onOpenChange={toggleModal}
        onCancel={toggleModal}
        onAction={toggleModal}
      >
        <>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
            vehicula odio at efficitur fringilla. Duis vel urna eu elit congue
            dapibus et sit amet justo. Quisque ac mi sed metus sagittis
            elementum. Sed sed urna vel elit cursus sodales ac non mauris.
          </p>
          <p>
            Vestibulum rhoncus sapien in sem cursus, id consectetur justo
            sodales. Aliquam erat volutpat. In hac habitasse platea dictumst.
            Integer gravida odio in volutpat facilisis. Quisque non semper
            augue. Duis vel libero nec eros facilisis fermentum.
          </p>
          <p>
            Curabitur vel cursus odio. Nullam imperdiet massa in purus commodo
            luctus. Etiam et massa et metus volutpat imperdiet. Integer in nunc
            eu dui feugiat hendrerit. Pellentesque habitant morbi tristique
            senectus et netus et malesuada fames ac turpis egestas.
          </p>
        </>
      </Modal>
    </Box>
  );
}