hw-react-2/src/App.tsx

import { ToastContainer } from 'react-toastify';

import s from './App.module.css';
import Spoiler from './components/Spoiler/Spoiler';
import RangeInput from './components/RangeInput/RangeInput';
import PasswordConfirm from './components/PasswordConfirm/PasswordConfirm';
import TimerContainer from './components/TimerContainer/TimerContainer';
import TimerPresentation from './components/TimerContainer/TimerPresentation/TimerPresentation';

function App() {
  return (
    <div className={s.appWrapper}>
      <Spoiler header={<h1>Spoiler</h1>}>
        <p>It works !</p>
      </Spoiler>
      <RangeInput min={2} max={10} />
      <PasswordConfirm min={5} />
      <TimerContainer
        amountMs={4528000}
        refresh={1000}
        render={TimerPresentation}
      />
      <ToastContainer
        position="top-right"
        autoClose={3000}
        hideProgressBar={false}
        newestOnTop={false}
        closeOnClick
        rtl={false}
        pauseOnFocusLoss
        draggable
        pauseOnHover
      />
    </div>
  );
}

export default App;