const Card = styled.div` max-width: 592px; margin: 0 auto; `; // we need to save this info in session storage const isNotificationSupported = true; return ( <Card> <Widget src="golas.near/widget/N-NotificationsSettingsHeader" props={{ title: "Notification Settings", text: "Configure your notifications for activity on near.org", }} /> <Widget src="golas.near/widget/N-SettingsListItem" props={{ title: "Push notifications", text: "Push notifications are delivered in real-time to your enabled browser or device.", // temporary icon: "X", }} /> <Widget src="golas.near/widget/N-NotificationsSettingsTurnOn" props={{ title: "Push notifications", text: "Push notifications are delivered in real-time to your enabled browser or device.", // temporary icon: "X", }} /> </Card> );