import { Route } from 'react-router-dom';
import { SentryRoutes } from '@/shared/configs/sentry';
import { ROUTE_NAMES } from '@/shared/constants/route-names';
import { InvoiceListPage } from './invoice/list-page';
import { InvoiceDetailPage } from './invoice/detail-page';
import { VatReferencePage } from './vat-reference/vat-reference-page';

export const TaxPages = () => {
  return (
    <>
      <SentryRoutes>
        <Route path={ROUTE_NAMES.tax.invoice.base}>
          <Route path={ROUTE_NAMES.tax.invoice.list} element={<InvoiceListPage />} />
          <Route path={ROUTE_NAMES.tax.invoice.detail} element={<InvoiceDetailPage />} />
        </Route>
        <Route path={ROUTE_NAMES.tax.vatReference} element={<VatReferencePage />} />
      </SentryRoutes>
    </>
  );
};