interface EProps {}

interface Props extends EProps, SProps {}

interface SProps {
  /**
   *font family
   */
  mkFontFamily?: 'sansSerif' | 'serif' | 'monospace'
  /**
   *font size
   */
  mkFontSize?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle' | 'p' | 'caption' | 'overline'
  /**
   *font weight
   */
  mkFontWeight?: 'thin' | 'light' | 'regular' | 'medium' | 'bold' | 'black'
  /**
   *add margin bottom
   */
  mkParagraph?: boolean
  /**
   *text align
   */
  mkTextAlign?: 'left' | 'right' | 'center' | 'justify' | 'inherit'
  /**
   *text decoration
   */
  mkTextDecoration?: 'none' | 'underline' | 'overline' | 'line-through' | 'inherit'
  /**
   *text direction
   */
  mkTextDirection?: 'ltr' | 'rtl' | 'inherit'
  /**
   *text with italic style
   */
  mkTextItalic?: boolean
  /**
   *text wrap
   */
  mkTextNoWrap?: boolean
  /**
   *text with strong style
   */
  mkTextStrong?: boolean
  /**
   *text transform
   */
  mkTextTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'inherit'
  /**
   *text underline
   */
  mkTextUnderlined?: boolean
}

export type Rule = ExtendRule<ParentRule, SProps, EProps, Theme & ColorTheme>

export type Theme = {
  font: {
    weight: {
      thin: number
      light: number
      regular: number
      medium: number
      bold: number
      black: number
    }
    size: {
      h1: number
      h2: number
      h3: number
      h4: number
      h5: number
      h6: number
      subtitle: number
      p: number
      caption: number
      overline: number
    }
    family: {
      sansSerif: string
      serif: string
      monospace: string
    }
  }
}

export const ruleModule: any = ...

export const theme: Theme = ...