import { useEffect } from 'react';
import { initializeCardList } from './store/echo-store';
import { EchoCardList } from './modules/EchoCardList';
import { EchoContentList } from './modules/EchoContentList';

export const App = () => {
  return (
    <div className='h-full flex flex-col'>
      <div className='w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-4 h-full'>
        <Echo />
      </div>
      <EchoContentList />
    </div>
  );
};

export const Echo = () => {
  useEffect(() => {
    initializeCardList(10);
  }, []);
  return (
    <div className='h-full overflow-auto scrollbar'>
      <EchoCardList />
    </div>
  );
};