import { Route } from 'react-router-dom';
import { SentryRoutes } from '@/shared/configs/sentry';
import { ROUTE_NAMES } from '@/shared/constants/route-names';
import { NoticeListPage } from './notice/list-page';
import { NoticeDetailPage } from './notice/detail-page';
import { FaqListPage } from './faq/list-page';
import { FaqDetailPage } from './faq/detail-page';
import { QnaListPage } from './qna/list-page';
import { QnaDetailPage } from './qna/detail-page';
import { QnaRegisterPage } from './qna/register-page';

export const SupportPages = () => {
  return (
    <>
      <SentryRoutes>
        <Route path={ROUTE_NAMES.support.notice.base}>
          <Route path={ROUTE_NAMES.support.notice.list} element={<NoticeListPage />} />
          <Route path={ROUTE_NAMES.support.notice.detail} element={<NoticeDetailPage />} />
        </Route>
        <Route path={ROUTE_NAMES.support.faq.base}>
          <Route path={ROUTE_NAMES.support.faq.list} element={<FaqListPage />} />
          <Route path={ROUTE_NAMES.support.faq.detail} element={<FaqDetailPage />} />
        </Route>
        <Route path={ROUTE_NAMES.support.qna.base}>
          <Route path={ROUTE_NAMES.support.qna.list} element={<QnaListPage />} />
          <Route path={ROUTE_NAMES.support.qna.detail} element={<QnaDetailPage />} />
          <Route path={ROUTE_NAMES.support.qna.register} element={<QnaRegisterPage />} />
        </Route>
      </SentryRoutes>
    </>
  );
};