1import { Page, VStack } from '@marzneshin/common/components'
 2import { CertificateWidget } from '@marzneshin/modules/settings'
 3import { SubscriptionSettingsWidget } from '@marzneshin/modules/settings/subscription'
 4import { createLazyFileRoute } from '@tanstack/react-router'
 5import { useTranslation } from 'react-i18next'
 6import { SudoRoute } from '@marzneshin/libs/sudo-routes'
 7
 8export const Settings = () => {
 9  const { t } = useTranslation()
10  return (
11    <Page
12      title={t('settings')}
13      className="sm:flex flex-col lg:grid grid-cols-2 gap-3 h-full"
14    >
15      {/* <ConfigurationWidget /> */}
16      <VStack className="gap-3">
17        <SubscriptionSettingsWidget />
18        <CertificateWidget />
19      </VStack>
20    </Page>
21  )
22}
23
24export const Route = createLazyFileRoute('/_dashboard/settings')({
25  component: () => (
26    <SudoRoute>
27      {' '}
28      <Settings />{' '}
29    </SudoRoute>
30  ),
31})