import type { BaseWidgetState, WidgetsStoreProps } from '../stores/types'
import type { WrapperState } from '../wrapper/types'
import type { DownloadItem } from '../actions/download/types'
import type { Components } from 'react-markdown'

// Base Markdown component props (used by Markdown component)
export interface MarkdownComponentProps {
  children: string
  overrides?: Components
}

export interface MarkdownUIProps {
  id: WidgetsStoreProps['id']
}

export interface MarkdownDataItem {
  content: string
}

export type MarkdownWidgetData = MarkdownDataItem

export type MarkdownWidgetState = BaseWidgetState<
  WrapperState<MarkdownWidgetConfig>
>

export type MarkdownWidgetConfig = Record<string, unknown>

export type MarkdownDownloadConfig = DownloadItem<MarkdownWidgetData>[]