Danger Zone

<Block
  className={className}
  border={{ side: 'all', width: '4px', color: 'red-light' }}
  background="red-lighter"
  direction="column"
  itemSpacing="5"
  padding="5"
  radius={!isMobile ? 3 : null}
>
  <Heading element="4">Danger Zone</Heading>
  <Block alignItems="center" itemSpacing="5" color="neutral-700">
    <p>Deleting a channel can not be undone. Please be certain.</p>
    <Button danger onClick={() => setShowModal(true)}>
      Delete Channel
    </Button>
  </Block>
</Block>