top-left     | top-center     | top-right
center-left  | center         | center-right
bottom-left  | bottom-center  | bottom-right

// Center modal
grunfeld.add(() => ({
  element: <ImportantModal />,
  position: "center",
}));

// Top-right notification
grunfeld.add(() => ({
  element: <Notification />,
  position: "top-right",
}));

// Bottom action sheet
grunfeld.add(() => ({
  element: <ActionSheet />,
  position: "bottom-center",
}));

// All shown at top-right but stacked by z-index
grunfeld.add(() => ({
  element: <Notification1 />,
  position: "top-right",
}));

grunfeld.add(() => ({
  element: <Notification2 />,
  position: "top-right",
}));

grunfeld.add(() => ({
  element: <Notification3 />,
  position: "top-right",
}));