import { ComponentType, ReactNode } from 'react'
import type {
  A11yProps,
  SkeletonProps,
  TextAlign,
  TextProps,
  Tokens,
  Variant,
  ViewProps
} from './common'

type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'

export interface TypographyProps extends A11yProps, TextProps, ViewProps {
  tokens?: Tokens
  variant?: Variant
  heading?: HeadingTag | true
  tag?: 'blockquote' | 'code' | 'del' | 'em' | 'ins' | 'li' | 'strong' | 'label' | HeadingTag
  block?: boolean
  align?: TextAlign
  strikeThrough?: boolean
  children?: ReactNode
  skeleton?: SkeletonProps
}

declare const Typography: ComponentType<TypographyProps>

export default Typography