import Home from '@/Home'
import TabDemo, { TabWithAfterAndBeforeNavElements } from '@/Examples/TabDemo'
import React, { type ReactElement } from 'react'
import { BrowserRouter, Route, Routes } from 'react-router-dom'
import RadioGroupDemo from '@/Examples/RadioGroupDemo'
import AutoComplete from '@/Components/Inputs/AutoComplete'
import TableExample from '@/Examples/TableExample'
import Input from '@/Components/Inputs/Input'
import Checkbox from '@/Components/Inputs/Checkbox'
import SliderSingle from '@/Components/Inputs/SliderSingle'
import SliderRange from '@/Components/Inputs/SliderRange'
import SelectInput from '@/Components/Inputs/Select'
import TextArea from '@/Components/Inputs/TextArea'
import RadioGroup from '@/Components/Inputs/RadixRadioGroup'
import AutoCompleteTest from '@/Examples/AutoCompleteTest'
import ViewWithLoaderExample from '@/Examples/ViewWithLoaderExample'
import CheckboxTest from '@/Examples/CheckboxTest'
import InputMakerWrap from '@/Examples/InputMaker'
import SliderTest from '@/Examples/SliderTest'
import DisabledTest from '@/Examples/DisabledInputsTest'
import ButtonExample from '@/Examples/ButtonExamples'
import SelectExample from '@/Examples/SelectExample'
import InputExample from '@/Examples/InputExample'






const App = (): ReactElement => {
  return (
    <BrowserRouter>
      <Routes>

        <Route path="/" element={<Home />} />
        <Route path="/accordion" element={<TabDemo />} />
        <Route path="/tabs" element={<TabWithAfterAndBeforeNavElements />} />
        <Route path="/test" element={<InputMakerWrap />} />
        <Route path="/radio-group" element={<RadioGroupDemo />} />
        <Route path="/checkbox" element={<CheckboxTest />} />
        <Route path="/auto-complete" element={<AutoComplete />} />
        <Route path="/table-example" element={<TableExample />} />
        <Route path="/autocomplete-test" element={<AutoCompleteTest />} />
        <Route path="/slider-test" element={
          <SliderTest />
        } />
        <Route path='/disabled-test' element={
          <DisabledTest />
        } />
        <Route path='/view-with-loader' element={
          <ViewWithLoaderExample />
        } />
        <Route path='/buttons' element={
          <ButtonExample />
        } />
        <Route path='/selects' element={<SelectExample />} />
        <Route path='/inputs' element={<InputExample />} />
      </Routes>


    </BrowserRouter>
  )
}

export default App
