leumas-private-shared/src/SideBar/DefaultContent.jsx

Private React JSX Package For Leumas Shared Components, Headers, Footers, Asides, Login Pages, API Key Manager and much more. Styles and everything reusable to avoid DRY code across all of our subdomains

import React from 'react';
import { AtomSpinner } from 'react-epic-spinners';

const DefaultContent = () => {
  return (
    <div className="flex flex-col items-center justify-center h-full space-y-4">
      <AtomSpinner color="blue" size={150} />
      <p className="text-lg text-center font-semibold text-blue-700">
        Get started by selecting an option from the sidebar.
      </p>
    </div>
  );
};

export default DefaultContent;