export type PreviewData = {
  post: {
    id: string
    slug: string
    status: string
  }
}

export type PropsWithClassName<P = unknown> = P & {
  className?: string
}

export type Breakpoint = 'xxs' | 'xs' | 'sm' | 'md' | 'lg'

export type ValueByBreakpoint<T> = Partial<Record<Breakpoint, T>>

export type CategoryContent = {
  categoryName: string
  categoryItems: {
    itemTopic: string
    itemDescription: string
  }[]
}

export type PageCategoryContent = {
  pageCategories: {
    categoryContent: CategoryContent
  }[]
}

export type FeaturedImage = {
  node: WpMedia
}

export type WpMedia = {
  imageUrl: string
  alt: string
  placeholder: string
}