import { useTranslation } from 'react-i18next'
import { GalleryBrowser } from './ImageGallery'

/**
 * Отдельная страница «Галерея»: просмотр/загрузка/удаление всех изображений приложения.
 *
 * Страница занимает экран целиком и сама не прокручивается: списка на сотни картинок здесь нет
 * пагинации, и две полосы прокрутки — внешняя и внутри сетки — мешали бы друг другу.
 */
export function GalleryPanel() {
  const { t } = useTranslation()
  return (
    <div className="flex h-[calc(100vh-13rem)] min-h-96 flex-col gap-4">
      <h2 className="crt-glow text-xl font-semibold">{t('admin.gallery.title')}</h2>
      <div className="crt-panel flex min-h-0 flex-1 flex-col rounded-md p-4">
        <GalleryBrowser fill />
      </div>
    </div>
  )
}