import React, { useState } from 'react';
import Hero from '@/components/Hero';
import Features from '@/components/Features';
import Services from '@/components/Services';

import { BottomSheet } from '@/shared/ui/bottom-sheets/bottom-sheet';
const Home: React.FC = () => {
  const [isOpenBottomSheet, setIsOpenBottomSheet] = useState(true);
  return (
    <div>
      <Hero />
      <Features />
      <Services />
      <BottomSheet 
        afterLeave={() => null} 
        open={isOpenBottomSheet} 
        onClose={() => {}}
      >
        <div>
          <div>test</div>
          <div>test</div>
          <div>test</div>
          <div>test</div>
          <div>test</div>
          <div>test</div>
          <div>test</div>
          <div>test</div>
        </div>
      </BottomSheet>
    </div>
  );
};

export default Home;