import { createContext, useContext } from 'react'

export const MIN_COUNT_WIDTH = 64
export const MAX_COUNT_WIDTH = 2000

export const defaultCountWidths: Record<string, number> = {
    thumbnail: 88, resource_id: 88, version_no: 88, is_latest: 104,
    title: 300, url: 300, thumbnail_base: 300, tags: 560, parents: 180,
    video_ms: 120, original_created_at: 260, original_created_from: 240,
    original_created_before: 240, name: 240, names: 480, category: 180,
    aliases: 360, deprecated: 240, user: 200, created_at: 240, group: 240, count: 160,
    period: 200, tag_id: 88, id: 88, versionNo: 88, kind: 140, sections: 260,
    languageCode: 180, scriptCode: 200, autoGenerated: 120 }

type Layout = {
    width: (family: string, key: string) => number
    resize: (family: string, key: string, width: number) => void }
export const CountsLayoutContext = createContext<Layout | null> (null)
export const CountsTableScope = createContext ('')


export const useCountsTableLayout = (): Layout => {
  const context = useContext (CountsLayoutContext)
  if (context == null) throw new Error ('Counts table layout provider is missing')
  return context
}