() => {
  const [notifications, setNotifications] = React.useState(false);

  const handleChange = () => {
    setNotifications(!notifications);
  };

  return (
    <Stack>
      <Heading id="label" as="h4" type="title4">
        Push notifications
      </Heading>
      <Switch
        ariaLabelledby="label"
        checked={notifications}
        onChange={handleChange}
        icon={
          notifications ? (
            <NotificationOn ariaLabel="Notifications are on" />
          ) : (
            <NotificationOff ariaLabel="Notifications are off" />
          )
        }
      />
    </Stack>
  );
};