import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import { PageContainer } from '@/components/PageContainer'
import { ImageRegistrySection } from './components/ImageRegistrySection'

/** 默认镜像源：从系统设置里拆出来，作为侧栏「系统设置」分组的一个 tab */
export const RegistryPage = memo(function RegistryPage() {
  const { t } = useTranslation('settings')
  return (
    <PageContainer title={t('tabs.registry')}>
      <ImageRegistrySection />
    </PageContainer>
  )
})

export default RegistryPage