import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { SettingsPage } from './settings';

const queryClient = new QueryClient({
	defaultOptions: {
		queries: { staleTime: 30_000 },
	},
});

/**
 * Root component for the WooCommerce Invoices settings section.
 * Toasts are handled by the parent PDFDraft settings page's <Toaster>.
 */
export default function App() {
	return (
		<QueryClientProvider client={queryClient}>
			<SettingsPage />
		</QueryClientProvider>
	);
}
