() => (
  <Stack flex>
    <Badge type="critical" icon={<AlertCircle ariaLabel="Critical alert" />}>
      No connection to internet
    </Badge>
    <Badge
      type="criticalInverted"
      icon={<AlertCircle ariaLabel="Critical alert" />}
    >
      No connection to internet
    </Badge>
  </Stack>
);