import React from 'react';
import { SBox } from '../../common/s-components/layout/s-box';
import { SInfoTitle } from '../../common/s-components/s-info-title';
import { SInfoParagraph } from '../../common/s-components/s-info-paragraph';

type TProps = {};

export const InfoNotifications: React.FC<TProps> = () => {
  return (
    <SBox pb={9} pt={5}>
      <SBox alignItems="center" px={16}>
        <SInfoTitle mb={9}>Notifications</SInfoTitle>
        <SInfoParagraph center>
          Notifications are shown for up to 30 days.
        </SInfoParagraph>
      </SBox>
    </SBox>
  );
};