<Switch>
    {({ active, toggle }) => <div>
    <style dangerouslySetInnerHTML={{ __html: '.CustomDialog { padding: var(--space-4x); }' }} />
        <Button onClick={toggle} variant="linkDark" data-source='dialog'>
          Toggle dialog
        </Button>
        <Dialog className="CustomDialog" title="Simple dialog" horizontalAlign="right" id="dialog" isDismissible isVisible={active} onDismiss={toggle} offset={{right: 8}} verticalAlign="middle">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit
        </Dialog>
      </div>
    }
</Switch>