<>
  <ModalTrigger>
    <Button variant="secondary">
      <AdjustmentsHorizontalIcon className="text-gray-400 h-5 w-5" />
      open modal
    </Button>
  </ModalTrigger>
  <ModalBody>
    <ModalContent>
      <Typography.Paragraph
        className="text-base"
        extraContrast={true}
      >
        This is a simple composable modal
      </Typography.Paragraph>
      <Typography.Paragraph className="pt-2">
        Configure in any way you like it
      </Typography.Paragraph>
    </ModalContent>
    <ModalFooter>
      <ModalClose>
        <Button variant="secondary">
          Cancel
        </Button>
      </ModalClose>
      <Button>
        Call to action
      </Button>
    </ModalFooter>
  </ModalBody>
</>