packages/components/containers/layout/PrivateMainAreaLoading.tsx

   1 import SettingsPageTitle from '@proton/components/containers/account/SettingsPageTitle';
   2 import SettingsParagraph from '@proton/components/containers/account/SettingsParagraph';
   3 import SettingsSection from '@proton/components/containers/account/SettingsSection';
   4 import SettingsSectionTitle from '@proton/components/containers/account/SettingsSectionTitle';
   5 import PrivateMainArea from '@proton/components/containers/layout/PrivateMainArea';
   6
   7 const PrivateMainAreaLoading = () => {
   8     return (
   9         <PrivateMainArea>
  10             <div className="container-section-sticky">
  11                 <SettingsPageTitle className="my-14 settings-loading-page-title" />
  12                 <section className="container-section-sticky-section">
  13                     <SettingsSectionTitle className="settings-loading-section-title" />
  14                     <SettingsSection>
  15                         <SettingsParagraph className="mb-4">
  16                             <span className="block settings-loading-paragraph-line" />
  17                             <span className="block settings-loading-paragraph-line" />
  18                             <span className="block settings-loading-paragraph-line" />
  19                         </SettingsParagraph>
  20                     </SettingsSection>
  21                 </section>
  22             </div>
  23         </PrivateMainArea>
  24     );
  25 };
  26 export default PrivateMainAreaLoading;